diff --git a/src/app/components/FeaturedYacht.tsx b/src/app/components/FeaturedYacht.tsx
index 20b0b25..3211589 100644
--- a/src/app/components/FeaturedYacht.tsx
+++ b/src/app/components/FeaturedYacht.tsx
@@ -139,7 +139,11 @@ export default function FeaturedYacht() {
                             {/* Promoted badge */}
                             {yacht.isPromoted && (
                                 <div className="flex items-center gap-2 text-sm text-gray-400">
-                                    <Icon className="min-w-[21px] min-h-[21px]" size={21} name="ad" />
+                                    <Icon
+                                        className="min-w-[21px] min-h-[21px]"
+                                        size={21}
+                                        name="ad"
+                                    />
                                     <span>
                                         Это объявление продвигается.{" "}
                                         <span className="underline cursor-pointer">
@@ -182,10 +186,7 @@ export default function FeaturedYacht() {
 
                                     {/* Booking form */}
                                     <div className="mb-8">
-                                        <div>
-                                            <GuestDatePicker />
-                                        </div>
-                                        
+                                        <GuestDatePicker />
                                     </div>
 
                                     {/* Book button */}
diff --git a/src/app/components/Hero.tsx b/src/app/components/Hero.tsx
index 7197ce9..c5b8a2d 100644
--- a/src/app/components/Hero.tsx
+++ b/src/app/components/Hero.tsx
@@ -38,7 +38,7 @@ export default function Hero() {
                 </div>
 
                 {/* Поисковая форма - скрыта на мобильных устройствах */}
-                <Card className="bg-white shadow-lg s hidden md:block rounded-full">
+                <Card className="bg-white shadow-lg s md:block rounded-full">
                     <CardContent className="p-2">
                         {/* Основные поля поиска */}
                         <div className="flex flex-col md:flex-row gap-4">
diff --git a/src/app/components/VideoSection.tsx b/src/app/components/VideoSection.tsx
index 6eb3b0b..5a51d61 100644
--- a/src/app/components/VideoSection.tsx
+++ b/src/app/components/VideoSection.tsx
@@ -1,32 +1,34 @@
-import Image from 'next/image'
+import Image from "next/image";
 
 export default function VideoSection() {
-  return (
-    <section className="bg-white mt-12">
-      <div className="container max-w-6xl mx-auto px-4 flex flex-col lg:flex-row items-center gap-12">
-        {/* Левая колонка с текстом */}
-        <div className="lg:w-1/2">
-          <h2 className="text-3xl font-bold text-gray-900 mb-6 leading-tight">
-            Откройте мир морских прогулок
-          </h2>
-          <p className="text-lg text-gray-700 leading-relaxed">
-            Романтическая прогулка, отдых с семьей, вечеринка с друзьями, спорт и развлечения, элитный отдых, девичник & морская фотосессия.
-          </p>
-        </div>
-        
-        {/* Правая колонка с изображением */}
-        <div className="lg:w-1/2 relative">
-          <div className="relative rounded-[40px] overflow-hidden">
-            <Image 
-              src="/images/video/video1.jpg" 
-              alt="Яхта SALVADOR на море" 
-              width={800}
-              height={600}
-              className="w-full h-auto cursor-pointer"
-            />
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
\ No newline at end of file
+    return (
+        <section className="bg-white mt-12">
+            <div className="container max-w-6xl mx-auto px-4 flex flex-col lg:flex-row items-center gap-12">
+                {/* Левая колонка с текстом */}
+                <div className="lg:w-1/2">
+                    <h2 className="text-3xl font-bold text-gray-900 mb-6 leading-tight">
+                        Откройте мир морских прогулок
+                    </h2>
+                    <p className="text-lg text-gray-700 leading-relaxed">
+                        Романтическая прогулка, отдых с семьёй, вечеринка
+                        с друзьями, cпорт и развлечения, элитный отдых, девичник
+                        & морская фотосессия.
+                    </p>
+                </div>
+
+                {/* Правая колонка с изображением */}
+                <div className="w-full lg:w-1/2 relative">
+                    <div className="relative rounded-[40px] overflow-hidden">
+                        <Image
+                            src="/images/video/video1.jpg"
+                            alt="Яхта SALVADOR на море"
+                            width={800}
+                            height={600}
+                            className="w-full h-auto cursor-pointer"
+                        />
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}
diff --git a/src/components/form/guest-date-picker.tsx b/src/components/form/guest-date-picker.tsx
index 5e4fe96..a9a15f1 100644
--- a/src/components/form/guest-date-picker.tsx
+++ b/src/components/form/guest-date-picker.tsx
@@ -53,41 +53,41 @@ const CommonPopoverContent: React.FC<CommonPopoverContentProps> = ({
     handleApply,
 }) => {
     return (
-        <PopoverContent className="rounded-[20px] p-6 pb-4 w-[374px]">
+        <PopoverContent className="rounded-[20px] p-6 pb-4 w-[324px]">
             {/* Календарь */}
-            <div className="min-h-fit">
-                <Calendar
-                    mode="single"
-                    selected={date}
-                    onSelect={setDate}
-                    className="mb-[24px]"
-                    locale={ru}
-                    disabled={(date) =>
-                        date < new Date(new Date().setHours(0, 0, 0, 0))
-                    }
-                    classNames={{
-                        root: "w-full",
-                        month: "flex w-full flex-col gap-4",
-                        button_previous:
-                            "h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
-                        button_next:
-                            "h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
-                        month_caption:
-                            "flex h-8 w-full items-center justify-center px-8 text-gray-700 font-semibold",
-                        table: "w-full border-collapse",
-                        weekdays: "flex",
-                        weekday:
-                            "flex-1 text-gray-500 text-xs font-normal p-2 text-center",
-                        day_button: "font-bold ring-0 focus:ring-0",
-                        week: "mt-2 flex w-full",
-                        today: "bg-gray-100 text-gray-900 rounded-full",
-                        outside: "text-gray-300",
-                        disabled: "text-gray-400 cursor-not-allowed",
-                        selected:
-                            "rounded-full border-none outline-none !bg-brand text-white",
-                    }}
-                />
-            </div>
+
+            <Calendar
+                mode="single"
+                selected={date}
+                onSelect={setDate}
+                className="mb-[24px]"
+                locale={ru}
+                disabled={(date) =>
+                    date < new Date(new Date().setHours(0, 0, 0, 0))
+                }
+                classNames={{
+                    root: "w-full",
+                    month: "flex w-full flex-col gap-4",
+                    button_previous:
+                        "h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
+                    button_next:
+                        "h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
+                    month_caption:
+                        "flex h-8 w-full items-center justify-center px-8 text-gray-700 font-semibold",
+                    table: "w-full border-collapse",
+                    weekdays: "flex",
+                    weekday:
+                        "flex-1 text-gray-500 text-xs font-normal p-2 text-center",
+                    day_button: "font-bold ring-0 focus:ring-0",
+                    week: "mt-2 flex w-full",
+                    today: "bg-gray-100 text-gray-900 rounded-full",
+                    outside: "text-gray-300",
+                    disabled: "text-gray-400 cursor-not-allowed",
+                    selected:
+                        "rounded-full border-none outline-none !bg-brand text-white",
+                }}
+            />
+
 
             {/* Счетчики гостей */}
             <div className="mb-[24px] flex gap-3">
diff --git a/src/components/ui/counter.tsx b/src/components/ui/counter.tsx
index a8c05f4..fbc7213 100644
--- a/src/components/ui/counter.tsx
+++ b/src/components/ui/counter.tsx
@@ -46,7 +46,7 @@ export const Counter: React.FC<CounterProps> = ({
             >
                 <Minus className="w-4 h-4" />
             </button>
-            <span className="mx-4 text-gray-800 font-medium min-w-[20px] text-center">
+            <span className="mx-2 text-gray-800 font-medium min-w-[20px] text-center">
                 {value}
             </span>
             <button