diff --git a/packages/ui/src/components/ToggleSwitch/ToggleSwitch.stories.tsx b/packages/ui/src/components/ToggleSwitch/ToggleSwitch.stories.tsx
index b04ecc72e..0206eb6ed 100644
--- a/packages/ui/src/components/ToggleSwitch/ToggleSwitch.stories.tsx
+++ b/packages/ui/src/components/ToggleSwitch/ToggleSwitch.stories.tsx
@@ -27,10 +27,8 @@ DefaultToggleSwitch.args = {};
 DefaultToggleSwitch.argTypes = {
   color: {
     description: "Control defaults for colors",
-    control: {
-      type: "radio",
-      options: [...colors],
-    },
+    control: "radio",
+    options: [...colors],
   },
 };
 
diff --git a/packages/ui/src/components/ToggleSwitch/theme.ts b/packages/ui/src/components/ToggleSwitch/theme.ts
index 78257bf8d..c201fce95 100644
--- a/packages/ui/src/components/ToggleSwitch/theme.ts
+++ b/packages/ui/src/components/ToggleSwitch/theme.ts
@@ -16,7 +16,7 @@ export const toggleSwitchTheme: FlowbiteToggleSwitchTheme = createTheme({
       on: "after:translate-x-full after:border-white rtl:after:-translate-x-full",
       off: "border-gray-200 bg-gray-200 dark:border-gray-600 dark:bg-gray-700",
       color: {
-        blue: "border-cyan-700 bg-cyan-700",
+        blue: "border-blue-600 bg-blue-600",
         dark: "bg-dark-700 border-dark-900",
         failure: "border-red-900 bg-red-700",
         gray: "border-gray-600 bg-gray-500",