diff --git a/lib/screens/user/user_calendar_screen.dart b/lib/screens/user/user_calendar_screen.dart
index 34ff005..45e69d3 100644
--- a/lib/screens/user/user_calendar_screen.dart
+++ b/lib/screens/user/user_calendar_screen.dart
@@ -4,6 +4,7 @@ import 'package:injector/injector.dart';
 import 'package:intl/intl.dart';
 import 'package:professional_repository/professional_repository.dart';
 import 'package:prosappco/blocs/professional_list_bloc/professional_list_bloc.dart';
+import 'package:prosappco/utils/time_of_day_extension.dart';
 import 'package:prosappco/utils/time_of_day_utils.dart';
 import 'package:service_repository/service_repository.dart';
 import 'package:setting_repository/setting_repository.dart';
@@ -227,8 +228,8 @@ class UserCalendarScreenState extends State<UserCalendarScreen> {
     }
   }
 
-  
-  bool _isHora1Ocupada(TimeOfDay hora1, List<ServiceEntity>? events, DateTime selectedDay) {
+  bool _isHora1Ocupada(
+      TimeOfDay hora1, List<ServiceEntity>? events, DateTime selectedDay) {
     if (events != null) {
       for (ServiceEntity event in events) {
         if (selectedDay.toString() == event.day) {
@@ -241,7 +242,8 @@ class UserCalendarScreenState extends State<UserCalendarScreen> {
     return false;
   }
 
-  List<Widget> rangesItemList(List<TimeOfDay> ranges, List<ServiceEntity>? events, DateTime selectedDay) {
+  List<Widget> rangesItemList(List<TimeOfDay> ranges,
+      List<ServiceEntity>? events, DateTime selectedDay) {
     final currentDateTime = DateTime.now();
 
     return ranges.map((time) {
@@ -268,7 +270,7 @@ class UserCalendarScreenState extends State<UserCalendarScreen> {
               height: 40,
               decoration: const BoxDecoration(
                 gradient: LinearGradient(
-                  color: Colors.grey,
+                  colors: [Colors.grey, Colors.black],
                   begin: Alignment.topLeft,
                   end: Alignment.bottomRight,
                 ),
@@ -281,6 +283,7 @@ class UserCalendarScreenState extends State<UserCalendarScreen> {
                 ),
               ),
             ),
+
             title: Text(
               ScheduleEntity.getFormatTime(time) ?? '',
               style: const TextStyle(fontSize: 15, fontWeight: FontWeight.bold),