diff --git a/packages/ui/components/Calendar/index.tsx b/packages/ui/components/Calendar/index.tsx
index b4274e36c1..2f4b60fcd7 100644
--- a/packages/ui/components/Calendar/index.tsx
+++ b/packages/ui/components/Calendar/index.tsx
@@ -30,7 +30,10 @@ export const Calendar = ({ className, classNames, showOutsideDays = true, ...pro
         head_cell: "text-slate-500 rounded-md w-9 font-normal text-[0.8rem]",
         row: "flex w-full mt-2",
         cell: "text-center text-sm p-0 relative [&:has([aria-selected])]:bg-slate-200 first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: cn("hover:bg-slate-200 rounded-md p-0", "h-9 w-9 p-0 font-normal aria-selected:opacity-100"),
+        day: cn(
+          "hover:bg-slate-200 rounded-md p-0",
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 text-center"
+        ),
         day_selected: "bg-black text-white aria-selected:bg-black aria-selected:text-white",
         day_today: "bg-slate-200 aria-selected:bg-black aria-selected:text-white",
         day_outside: "text-slate-500 opacity-50",