diff --git a/apps/frontend/src/components/Generic/ThemePicker.tsx b/apps/frontend/src/components/Generic/ThemePicker.tsx
index 4fa7fe9f0bf39..a4397497f62d0 100644
--- a/apps/frontend/src/components/Generic/ThemePicker.tsx
+++ b/apps/frontend/src/components/Generic/ThemePicker.tsx
@@ -84,7 +84,7 @@ export function ThemePicker(): JSX.Element {
       <button
         ref={buttonRef}
         type="button"
-        className="btn btn-ghost btn-circle"
+        className="btn btn-ghost btn-circle  not-[&:hover]:text-current"
         aria-label="Choose theme"
         aria-haspopup="menu"
         aria-expanded={open}