diff --git a/src/components/table.tsx b/src/components/table.tsx
index 96865c8..439ac63 100644
--- a/src/components/table.tsx
+++ b/src/components/table.tsx
@@ -192,12 +192,12 @@ customElement('md-table', { roll: false, remix: false }, (props, { element }) =>
                 🎲
               </button>
             </Show>
-            <div ref={tabsContainer} class="flex gap-2 overflow-x-auto flex-1 min-w-0">
+            <div ref={tabsContainer} class="flex gap-1 overflow-x-auto flex-1 min-w-0">
               <For each={filteredRows()}>
                 {(row, index) => (
                   <button
                     onClick={() => setActiveTab(index())}
-                    class={`font-medium transition-colors flex-shrink-0 ${
+                    class={`font-medium transition-colors flex-shrink-0 min-w-[1.6em] ${
                       activeTab() === index()
                         ? 'text-blue-600 border-b-2 border-blue-600'
                         : 'text-gray-500 hover:text-gray-700'