diff --git a/packages/ui/src/components/ToggleSwitch/theme.ts b/packages/ui/src/components/ToggleSwitch/theme.ts
index 005ff6ba1..6f6d5cffb 100644
--- a/packages/ui/src/components/ToggleSwitch/theme.ts
+++ b/packages/ui/src/components/ToggleSwitch/theme.ts
@@ -11,7 +11,7 @@ export const toggleSwitchTheme: FlowbiteToggleSwitchTheme = createTheme({
     label: "ml-3 text-sm font-medium text-gray-900 dark:text-gray-300",
   },
   toggle: {
-    base: "rounded-full border group-focus:ring-4 group-focus:ring-cyan-500/25",
+    base: "rounded-full border after:rounded-full after:bg-white group-focus:ring-4 group-focus:ring-cyan-500/25",
     checked: {
       on: "after:translate-x-full after:border-white",
       off: "border-gray-200 bg-gray-200 dark:border-gray-600 dark:bg-gray-700",