diff --git a/frontend/src/components/layout/filters.tsx b/frontend/src/components/layout/filters.tsx
index fc7b136..d605ec8 100644
--- a/frontend/src/components/layout/filters.tsx
+++ b/frontend/src/components/layout/filters.tsx
@@ -77,25 +77,19 @@ const Filters: React.FC<FiltersProps> = ({
         handleFilters("date", formattedDate, "single")
 
         // ? Close dropdown after selection
-        setTimeout(() => {
-            setDropdownOpen(false)
-        }, 150)
+        setDropdownOpen(false)
     }
 
     // ? HANDLE IMPORTANCE FILTER WITH DROPDOWN CLOSE
     const handleImportanceFilter = () => {
         handleFilters("is_important", "1", "single")
-        setTimeout(() => {
-            setDropdownOpen(false)
-        }, 150)
+        setDropdownOpen(false)
     }
 
     // ? HANDLE REMINDER FILTER WITH DROPDOWN CLOSE
     const handleReminderFilter = () => {
         handleFilters("send_reminder", "1", "single")
-        setTimeout(() => {
-            setDropdownOpen(false)
-        }, 150)
+        setDropdownOpen(false)
     }
 
     return (
@@ -183,13 +177,12 @@ const Filters: React.FC<FiltersProps> = ({
                                 </div>
                             </DropdownMenuSubTrigger>
                             <DropdownMenuPortal>
-                                <DropdownMenuSubContent className="w-auto p-0">
+                                <DropdownMenuSubContent>
                                     <Calendar
                                         mode="single"
                                         selected={getSelectedDate(filters)}
                                         onSelect={handleDateSelect}
                                         initialFocus
-                                        className="rounded-md border-0"
                                     />
                                 </DropdownMenuSubContent>
                             </DropdownMenuPortal>
diff --git a/frontend/src/components/ui/calendar.tsx b/frontend/src/components/ui/calendar.tsx
index 94ea4c8..cbc7c84 100644
--- a/frontend/src/components/ui/calendar.tsx
+++ b/frontend/src/components/ui/calendar.tsx
@@ -47,7 +47,7 @@ function Calendar({
         day_range_start: "day-range-start",
         day_range_end: "day-range-end",
         day_selected:
-          "bg-neutral-900 text-neutral-50 hover:bg-neutral-900 hover:text-neutral-50 focus:bg-neutral-900 focus:text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50 dark:hover:text-neutral-900 dark:focus:bg-neutral-50 dark:focus:text-neutral-900",
+          "!bg-neutral-900 !text-neutral-50 hover:bg-neutral-900 hover:text-neutral-50 focus:bg-neutral-900 focus:text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50 dark:hover:text-neutral-900 dark:focus:bg-neutral-50 dark:focus:text-neutral-900",
         day_today: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-50",
         day_outside:
           "day-outside text-neutral-500 opacity-50  aria-selected:bg-neutral-100/50 aria-selected:text-neutral-500 aria-selected:opacity-30 dark:text-neutral-400 dark:aria-selected:bg-neutral-800/50 dark:aria-selected:text-neutral-400",