diff --git a/src/components/forms/ToggleButton.tsx b/src/components/forms/ToggleButton.tsx
index 01edb45ad1..f6578c90e2 100644
--- a/src/components/forms/ToggleButton.tsx
+++ b/src/components/forms/ToggleButton.tsx
@@ -55,7 +55,9 @@ function ButtonInner({children}: React.PropsWithChildren<{}>) {
       const active: ViewStyle[] = []
       const text: TextStyle[] = []
 
-      hover.push(t.atoms.bg_contrast_100)
+      hover.push(
+        t.name === 'light' ? t.atoms.bg_contrast_100 : t.atoms.bg_contrast_25,
+      )
 
       if (state.selected) {
         active.push({