From 53ba728fba789a9d447448e76a799610400efcb9 Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 16 Jan 2026 15:19:57 +0000
Subject: [PATCH] Generated by Spark: Top bar buttons are too wide

---
 src/App.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index ac81a06..2cfab29 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -592,9 +592,9 @@ Navigate to the backend directory and follow the setup instructions.
             <Button 
               variant="outline" 
               onClick={handleGenerateWithAI}
-              className="hidden lg:flex shrink-0"
+              className="hidden lg:flex shrink-0 px-3"
             >
-              <Sparkle size={16} className="mr-2" weight="duotone" />
+              <Sparkle size={16} className="mr-1.5" weight="duotone" />
               AI Generate
             </Button>
             <Button 
@@ -608,9 +608,9 @@ Navigate to the backend directory and follow the setup instructions.
             </Button>
             <Button 
               onClick={handleExportProject}
-              className="hidden md:flex shrink-0"
+              className="hidden md:flex shrink-0 px-3"
             >
-              <Download size={16} className="mr-2" />
+              <Download size={16} className="mr-1.5" />
               Export
             </Button>
             <Button