From 0c905b107b641055c5ce08de170badd2dcb17596 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Fri, 17 Jan 2025 21:07:11 -0800
Subject: [PATCH] Reduced toolbar width

---
 app/w/components/toolbar/toolbar.tsx | 2 +-
 app/w/layout.tsx                     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/w/components/toolbar/toolbar.tsx b/app/w/components/toolbar/toolbar.tsx
index fb59660b8b..1f3aac6fc5 100644
--- a/app/w/components/toolbar/toolbar.tsx
+++ b/app/w/components/toolbar/toolbar.tsx
@@ -10,7 +10,7 @@ export function Toolbar() {
   const [activeTab, setActiveTab] = useState<BlockCategory>('basic')
 
   return (
-    <div className="fixed left-14 top-0 z-1 hidden h-full w-72 border-r bg-background sm:block">
+    <div className="fixed left-14 top-0 z-1 hidden h-full w-64 border-r bg-background sm:block">
       <ToolbarTabs activeTab={activeTab} onTabChange={setActiveTab} />
 
       <div className="p-4">
diff --git a/app/w/layout.tsx b/app/w/layout.tsx
index 8f567cd775..37ebbae523 100644
--- a/app/w/layout.tsx
+++ b/app/w/layout.tsx
@@ -14,11 +14,11 @@ export default function WorkspaceLayout({
         <nav className="flex">
           <Sidebar />
           <Toolbar />
-          <div className="fixed top-0 left-[344px] right-0 z-30">
+          <div className="fixed top-0 left-[312px] right-0 z-30">
             <ControlBar />
           </div>
         </nav>
-        <main className="flex-1 grid items-start gap-2 sm:gap-4 sm:py-0 md:gap-4 sm:pt-[56px] sm:pl-[344px] bg-muted/40">
+        <main className="flex-1 grid items-start gap-2 sm:gap-4 sm:py-0 md:gap-4 sm:pt-[56px] sm:pl-[312px] bg-muted/40">
           {children}
         </main>
       </div>