diff --git a/packages/ui/components/form/datepicker/DatePicker.tsx b/packages/ui/components/form/datepicker/DatePicker.tsx
index c8946efc13..dfc32b8209 100644
--- a/packages/ui/components/form/datepicker/DatePicker.tsx
+++ b/packages/ui/components/form/datepicker/DatePicker.tsx
@@ -21,7 +21,7 @@ const DatePicker = ({ minDate, disabled, date, onDatesChange, className }: Props
         "focus:ring-primary-500 focus:border-primary-500 border-default rounded-md border p-1 pl-2 shadow-sm sm:text-sm",
         className
       )}
-      calendarClassName="rounded-md"
+      calendarClassName="rounded-md dark:text-black"
       clearIcon={null}
       calendarIcon={<Calendar className="text-subtle h-5 w-5 rounded-md" />}
       value={date}