diff --git a/switch/doc/switch.mdx b/switch/doc/switch.mdx
index f2e0982..eb8402d 100644
--- a/switch/doc/switch.mdx
+++ b/switch/doc/switch.mdx
@@ -19,6 +19,8 @@ import { Switch } from '@divriots/starter-react-aria/switch';
 
 ## Example
 
+Add more content
+
 <Playground
   scope={{ Switch }}
   code={`
diff --git a/switch/src/switch.module.scss b/switch/src/switch.module.scss
index 8aa712d..3d4eb33 100644
--- a/switch/src/switch.module.scss
+++ b/switch/src/switch.module.scss
@@ -9,7 +9,7 @@
   padding: 2px;
   margin: 0 4px;
   transition: all var(--aria-transition-fast) ease 0s;
-  background: var(--aria-color-gray-300);
+  background: tomato;
 }
 
 .small {
@@ -38,7 +38,7 @@
 
 .switch_thumb {
   background: var(--aria-color-white);
-  transition: all 250ms ease 0s;
+  transition: all 100ms ease 0s;
   align-self: flex-start;
   border-radius: inherit;
 }