diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index 4dff411..099a581 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -124,7 +124,7 @@ function SelectItem({
     <SelectPrimitive.Item
       data-slot="select-item"
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-2.5 pr-8 pl-2 text-base font-medium outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "focus:bg-accent focus:text-accent-foreground data-[state=checked]:bg-accent/50 data-[state=checked]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-2.5 pr-8 pl-2 text-base font-medium outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       )}
       {...props}
diff --git a/src/components/widgets/DateInput/DateInput.tsx b/src/components/widgets/DateInput/DateInput.tsx
index c8ef83d..ceef5ce 100644
--- a/src/components/widgets/DateInput/DateInput.tsx
+++ b/src/components/widgets/DateInput/DateInput.tsx
@@ -91,7 +91,7 @@ export default function DateInput({
 
   return (
     <div className="flex flex-col gap-2">
-      <div className="flex flex-row gap-3 max-[390px]:flex-col">
+      <div className="flex flex-col gap-3 min-[360px]:flex-row">
         {localeFormat.map((format) => inputs[format])}
       </div>
       {error && (