diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html
index bad9445..28c5569 100644
--- a/app/templates/local_workspace.html
+++ b/app/templates/local_workspace.html
@@ -66,6 +66,7 @@
 .btn-icon:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong);}
 .btn-icon:disabled{opacity:0.3;cursor:default;}
 .btn-icon:disabled:hover{background:var(--bg-tertiary);color:var(--text-secondary);}
+.btn-create{width:auto !important;padding:0 10px !important;gap:2px;flex-shrink:0;}
 
 /* Recently modified dot */
 .modified-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:4px;flex-shrink:0;display:none;}
@@ -1980,8 +1981,8 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
     </select>
     <button class="btn-icon" @click="expandAll()" title="Expand" x-show="viewMode==='tree'">⊞</button>
     <button class="btn-icon" @click="collapseAll()" title="Collapse" x-show="viewMode==='tree'">⊟</button>
-    <button class="btn-icon btn-create" @click="openModal('file')" title="New file">📄</button>
-    <button class="btn-icon btn-create" @click="openModal('folder')" title="New folder">📁</button>
+    <button class="btn-icon btn-create" @click="openModal('file')" title="New file">📄 <span style="margin-left:4px;font-size:12px">New File</span></button>
+    <button class="btn-icon btn-create" @click="openModal('folder')" title="New folder">📁 <span style="margin-left:4px;font-size:12px">New Folder</span></button>
   </div>
 
   <!-- Bulk actions bar -->