From ffd78e428e8cf85839aa08b3c4e87490aeb615de Mon Sep 17 00:00:00 2001
From: Mary Kate Fain <mk@marykatefain.com>
Date: Sat, 7 Mar 2026 13:05:15 -0600
Subject: [PATCH] Add gap between theme sync label and toggle switch

---
 src/components/ThemeSelector.tsx | 2 +-
 src/pages/ThemesPage.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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">