diff --git a/src/app/auth/login/device/success/page.tsx b/src/app/auth/login/device/success/page.tsx
index 18ad5277..1b79c600 100644
--- a/src/app/auth/login/device/success/page.tsx
+++ b/src/app/auth/login/device/success/page.tsx
@@ -31,11 +31,11 @@ export default function DeviceAuthSuccessPage() {
             </CardHeader>
             <CardContent className="p-6">
                 <div className="flex flex-col items-center space-y-4">
-                    <CheckCircle2 className="h-16 w-16 text-green-600" />
+                    <CheckCircle2 className="h-12 w-12 text-green-500" />
                     <div className="space-y-2">
-                        <h2 className="text-2xl font-bold text-center">
+                        <h3 className="text-xl font-bold text-center">
                             {t("deviceConnected")}
-                        </h2>
+                        </h3>
                         <p className="text-center text-sm text-muted-foreground">
                             {t("deviceAuthorizedMessage")}
                         </p>
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 7d99a773..f029117b 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -72,7 +72,7 @@ export async function Layout({
                 <main className="flex-1 overflow-y-auto p-3 md:p-6 w-full">
                     <div className={cn(
                         "container mx-auto max-w-12xl mb-12",
-                        showHeader && "md:pt-20" // Add top padding only on desktop to account for fixed header
+                        showHeader && "md:pt-16" // Add top padding only on desktop to account for fixed header
                     )}>
                         {children}
                     </div>
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
index f27bab31..9ef5b08c 100644
--- a/src/components/ui/calendar.tsx
+++ b/src/components/ui/calendar.tsx
@@ -70,7 +70,7 @@ function Calendar({
           defaultClassNames.dropdowns
         ),
         dropdown_root: cn(
-          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 relative rounded-md border",
           defaultClassNames.dropdown_root
         ),
         dropdown: cn(
@@ -201,7 +201,7 @@ function CalendarDayButton({
       data-range-end={modifiers.range_end}
       data-range-middle={modifiers.range_middle}
       className={cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
       )}
diff --git a/src/components/ui/input-otp.tsx b/src/components/ui/input-otp.tsx
index 41b1c4da..12a555ed 100644
--- a/src/components/ui/input-otp.tsx
+++ b/src/components/ui/input-otp.tsx
@@ -55,7 +55,7 @@ function InputOTPSlot({
             data-slot="input-otp-slot"
             data-active={isActive}
             className={cn(
-                "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+                "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10",
                 className
             )}
             {...props}