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>