diff --git a/src/components/ThemeSelector.tsx b/src/components/ThemeSelector.tsx
index 24cb3ead..e4696ce3 100644
--- a/src/components/ThemeSelector.tsx
+++ b/src/components/ThemeSelector.tsx
@@ -782,7 +782,7 @@ export function ThemeSelector({ builderOpen, onBuilderOpenChange, builderMode }:
             {/* Auto-share toggle */}
             {user && (
               <div className="rounded-xl border border-border bg-card p-4">
-                <div className="flex items-center justify-between">
+                <div className="flex items-center justify-between gap-4">
                   <Label htmlFor="auto-share-theme-dialog" className="flex flex-col gap-1 cursor-pointer">
                     <span className="text-sm font-medium">Sync app theme with your profile theme</span>
                     <span className="text-xs text-muted-foreground font-normal">
diff --git a/src/pages/ThemesPage.tsx b/src/pages/ThemesPage.tsx
index 09ed960b..fa1fd104 100644
--- a/src/pages/ThemesPage.tsx
+++ b/src/pages/ThemesPage.tsx
@@ -131,7 +131,7 @@ export function ThemesPage() {
           {/* Sync theme toggle */}
           {user && (
             <div className="rounded-xl border border-border bg-card p-4">
-              <div className="flex items-center justify-between">
+              <div className="flex items-center justify-between gap-4">
                 <Label htmlFor="auto-share-theme" className="flex flex-col gap-1 cursor-pointer">
                   <span className="text-sm font-medium">Sync app theme with your profile theme</span>
                   <span className="text-xs text-muted-foreground font-normal">