diff --git a/examples/switch/css/switch-button.css b/examples/switch/css/switch-button.css
index 68bac82021..0ae51f4da9 100644
--- a/examples/switch/css/switch-button.css
+++ b/examples/switch/css/switch-button.css
@@ -5,8 +5,10 @@ button[role="switch"] {
   border: 0 solid #005a9c;
   border-radius: 5px;
   width: 17em;
+  height: 3em;
   text-align: left;
   background-color: white;
+  color: black;
 }
 
 button[role="switch"] .label {
@@ -17,9 +19,13 @@ button[role="switch"] .label {
   margin: 0;
   width: 10em;
   vertical-align: middle;
+  color: black;
 }
 
 button[role="switch"] svg {
+  display: inline-block;
+  width: 36px;
+  height: 20px;
   forced-color-adjust: auto;
   position: relative;
   top: 4px;
@@ -55,7 +61,7 @@ button[role="switch"][aria-checked="true"] svg rect.on {
 }
 
 button[role="switch"] span.off {
-  display: inline;
+  display: inline-block;
 }
 
 button[role="switch"] span.on {
@@ -67,7 +73,7 @@ button[role="switch"][aria-checked="true"] span.off {
 }
 
 button[role="switch"][aria-checked="true"] span.on {
-  display: inline;
+  display: inline-block;
 }
 
 button[role="switch"]:focus,