diff --git a/packages/ui/booker/DatePicker.tsx b/packages/ui/booker/DatePicker.tsx
index c7606e92c8..d1e5c8aa8d 100644
--- a/packages/ui/booker/DatePicker.tsx
+++ b/packages/ui/booker/DatePicker.tsx
@@ -118,7 +118,7 @@ const Days = ({
 
 const Spinner = () => (
   <svg
-    className="mt-[-9px] mr-1 inline h-5 w-5 animate-spin text-white"
+    className="mt-[-9px] mr-1 inline h-5 w-5 animate-spin text-black dark:text-white"
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24">