diff --git a/src/app/globals.css b/src/app/globals.css
index 54f3943..d912100 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -134,17 +134,6 @@
     }
 }
 
-input[type="time"] {
-    /* Фиксируем размеры */
-    min-width: 0;
-    width: 100%;
-    box-sizing: border-box;
-
-    /* Убираем нативные отступы */
-    padding: 0;
-    margin: 0;
-}
-
 input[type="time"]::-webkit-calendar-picker-indicator {
     background: none;
 }
diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx
index c3a321f..e8d1295 100644
--- a/src/components/ui/date-picker.tsx
+++ b/src/components/ui/date-picker.tsx
@@ -86,45 +86,50 @@ export function DatePicker({ showIcon = true }: DatePickerProps) {
                             weekdays: "flex",
                             weekday:
                                 "flex-1 text-gray-500 text-xs font-normal p-2 text-center",
-                            day_button: "font-bold",
+                            day_button: "font-bold ring-0 focus:ring-0",
                             week: "mt-2 flex w-full",
-                            today: "bg-gray-100 text-gray-900",
+                            today: "bg-gray-100 text-gray-900 rounded-full",
                             outside: "text-gray-300",
                             disabled: "text-gray-400 cursor-not-allowed",
-                            day_selected: "!bg-red",
                             selected:
-                                "rounded-full border-none outline-none !bg-[#008299] text-white",
+                                "rounded-full border-none outline-none !bg-brand text-white",
                         }}
                     />
 
                     {/* Поля времени */}
                     <div className="flex gap-3 mb-4">
-                        <div className="relative w-full">
+                        <div className="relative w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center">
                             <label className="absolute left-[24px] top-0 transform -translate-y-1/2 text-xs text-gray-500 pointer-events-none transition-all duration-200 bg-white px-1">
                                 Выход
                             </label>
-                            <ChevronDownIcon className="absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
-                            <input
-                                type="time"
-                                value={departureTime}
-                                onChange={(e) =>
-                                    setDepartureTime(e.target.value)
-                                }
-                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
-                            />
+                            <div className="relative h-full flex align-center">
+                                <ChevronDownIcon className="absolute right-0 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
+                                <input
+                                    type="time"
+                                    value={departureTime}
+                                    onChange={(e) =>
+                                        setDepartureTime(e.target.value)
+                                    }
+                                    className="w-full focus:outline-none focus:border-transparent"
+                                />
+                            </div>
                         </div>
 
-                        <div className="relative w-full">
+                        <div className="relative w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center">
                             <label className="absolute left-[24px] top-0 transform -translate-y-1/2 text-xs text-gray-500 pointer-events-none transition-all duration-200 bg-white px-1">
                                 Заход
                             </label>
-                            <ChevronDownIcon className="absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
-                            <input
-                                type="time"
-                                value={arrivalTime}
-                                onChange={(e) => setArrivalTime(e.target.value)}
-                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
-                            />
+                            <div className="relative h-full flex align-center">
+                                <ChevronDownIcon className="absolute right-0 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
+                                <input
+                                    type="time"
+                                    value={arrivalTime}
+                                    onChange={(e) =>
+                                        setArrivalTime(e.target.value)
+                                    }
+                                    className="w-full focus:outline-none focus:border-transparent"
+                                />
+                            </div>
                         </div>
                     </div>