diff --git a/components/Global/helpers/switch-with-label.tsx b/components/Global/helpers/switch-with-label.tsx
index aa3aef37..f32bf925 100644
--- a/components/Global/helpers/switch-with-label.tsx
+++ b/components/Global/helpers/switch-with-label.tsx
@@ -1,4 +1,4 @@
-import { SizeTokens, XStack, Separator, Switch, ColorTokens, Theme } from "tamagui";
+import { SizeTokens, XStack, Separator, Switch, Theme, styled, getToken } from "tamagui";
 import { Label } from "./text";
 
 interface SwitchWithLabelProps {
@@ -7,9 +7,13 @@ interface SwitchWithLabelProps {
   checked: boolean;
   label: string;
   width?: number | undefined;
-  backgroundColor?: ColorTokens;
 }
 
+const JellifySliderThumb = styled(Switch.Thumb, {
+  borderColor: getToken("$color.amethyst"),
+  backgroundColor: getToken("$color.purpleDark")
+})
+
 export function SwitchWithLabel(props: SwitchWithLabelProps) {
     const id = `switch-${props.size.toString().slice(1)}-${props.checked ?? ''}}`
     return (
@@ -29,7 +33,7 @@ export function SwitchWithLabel(props: SwitchWithLabelProps) {
               checked={props.checked} 
               onCheckedChange={(checked: boolean) => props.onCheckedChange(checked)}
             >
-              <Switch.Thumb animation="bouncy" />
+              <JellifySliderThumb animation="bouncy" />
             </Switch>
           </Theme>
         </XStack>