diff --git a/src/components/checkbox/themes/shared/switch/switch.bootstrap.scss b/src/components/checkbox/themes/shared/switch/switch.bootstrap.scss
index a1f1650c8..4c27069e4 100644
--- a/src/components/checkbox/themes/shared/switch/switch.bootstrap.scss
+++ b/src/components/checkbox/themes/shared/switch/switch.bootstrap.scss
@@ -65,10 +65,6 @@ $theme: $bootstrap;
         border-color: var-get($theme, 'border-on-hover-color');
     }
 
-    [part~='thumb'] {
-        background: var-get($theme, 'border-hover-color');
-    }
-
     [part~='thumb'][part~='checked'] {
         background: var-get($theme, 'thumb-on-color');
     }
diff --git a/src/components/checkbox/themes/shared/switch/switch.common.scss b/src/components/checkbox/themes/shared/switch/switch.common.scss
index 7762c67a1..076397949 100644
--- a/src/components/checkbox/themes/shared/switch/switch.common.scss
+++ b/src/components/checkbox/themes/shared/switch/switch.common.scss
@@ -14,6 +14,10 @@ $theme: $material;
     [part~='label'] {
         color: var-get($theme, 'label-hover-color');
     }
+
+    [part~='thumb']:not([part~='checked']) {
+        background: var-get($theme, 'thumb-off-hover-color');
+    }
 }
 
 :host([disabled]),
diff --git a/src/components/checkbox/themes/shared/switch/switch.fluent.scss b/src/components/checkbox/themes/shared/switch/switch.fluent.scss
index 2858a4974..fdb7f80dd 100644
--- a/src/components/checkbox/themes/shared/switch/switch.fluent.scss
+++ b/src/components/checkbox/themes/shared/switch/switch.fluent.scss
@@ -70,10 +70,6 @@ $theme: $fluent;
         border-color: var-get($theme, 'border-on-hover-color');
     }
 
-    [part~='thumb'] {
-        background: var-get($theme, 'border-hover-color');
-    }
-
     [part~='thumb'][part~='checked'] {
         background: var-get($theme, 'thumb-on-color');
     }
diff --git a/src/components/checkbox/themes/shared/switch/switch.indigo.scss b/src/components/checkbox/themes/shared/switch/switch.indigo.scss
index fe529cb05..04eef3b3f 100644
--- a/src/components/checkbox/themes/shared/switch/switch.indigo.scss
+++ b/src/components/checkbox/themes/shared/switch/switch.indigo.scss
@@ -24,10 +24,6 @@ $border-width: rem(1px);
         border-color: var-get($theme, 'border-hover-color');
     }
 
-    [part~='thumb']:not([part~='checked']) {
-        background: var-get($theme, 'border-hover-color');
-    }
-
     [part~='control'][part~='checked'] {
         background: var-get($theme, 'track-on-hover-color');
         border-color: var-get($theme, 'border-on-hover-color');