diff --git a/lib/ActionToggle/ActionToggle.tsx b/lib/ActionToggle/ActionToggle.tsx
index b7feae74..6b7f5431 100644
--- a/lib/ActionToggle/ActionToggle.tsx
+++ b/lib/ActionToggle/ActionToggle.tsx
@@ -8,7 +8,7 @@ export function ActionToggle() {
   const computedColorScheme = useComputedColorScheme('light', { getInitialValueInEffect: true });
 
   return (
-    <Group justify="center">
+    <Group justify="center" p="xl">
       <ActionIcon
         onClick={() => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light')}
         variant="default"