diff --git a/src/components/custom-ui/calendar.tsx b/src/components/custom-ui/calendar.tsx
index cedbb81..54b77d1 100644
--- a/src/components/custom-ui/calendar.tsx
+++ b/src/components/custom-ui/calendar.tsx
@@ -74,7 +74,7 @@ function Calendar({
           defaultClassNames.dropdown_root,
         ),
         dropdown: cn(
-          'bg-[var(--color-base)] absolute inset-0 opacity-0',
+          'bg-[var(--color-basecl)] absolute inset-0 opacity-0',
           defaultClassNames.dropdown,
         ),
         caption_label: cn(