diff --git a/src/components/listitems/ListItemSwitch.tsx b/src/components/listitems/ListItemSwitch.tsx
index 7e5c269a..e59b7e68 100644
--- a/src/components/listitems/ListItemSwitch.tsx
+++ b/src/components/listitems/ListItemSwitch.tsx
@@ -1,13 +1,10 @@
 import React, { useMemo } from "react";
+import { GestureResponderEvent, Switch, View } from "react-native";
 import {
-  ActivityIndicator,
-  GestureResponderEvent,
-  Switch,
-  View
-} from "react-native";
-import {
+  IOColors,
   IOSelectionListItemStyles,
   IOSelectionListItemVisualParams,
+  useIOExperimentalDesign,
   useIOTheme
 } from "../../core";
 import { IOIcons, Icon } from "../icons";
@@ -16,6 +13,7 @@ import { H6, LabelSmall, LabelLink } from "../typography";
 import { NativeSwitch } from "../switch/NativeSwitch";
 import { Badge } from "../badge";
 import { IOLogoPaymentType, LogoPayment } from "../logos";
+import { LoadingSpinner } from "../loadingSpinner";
 
 type PartialProps = {
   label: string;
@@ -59,6 +57,7 @@ export const ListItemSwitch = React.memo(
     badge,
     onSwitchValueChange
   }: ListItemSwitchProps) => {
+    const { isExperimental } = useIOExperimentalDesign();
     const theme = useIOTheme();
 
     // If we have a badge or we are loading, we can't render the switch
@@ -68,6 +67,8 @@ export const ListItemSwitch = React.memo(
       [isLoading, badge]
     );
 
+    const primaryColor: IOColors = isExperimental ? "blueIO-500" : "blue";
+
     return (
       <View
         testID="ListItemSwitch"
@@ -153,7 +154,7 @@ export const ListItemSwitch = React.memo(
                 testID={badge.testID}
               />
             )}
-            {isLoading && <ActivityIndicator color={"black"} />}
+            {isLoading && <LoadingSpinner size={24} color={primaryColor} />}
             {canRenderSwitch && (
               <NativeSwitch
                 value={value}