Tabe controls stable

src/components/TableBubbleMenu.tsx

@@ -1,7 +1,7 @@
 import { type Component, createSignal, createEffect, For } from "solid-js";
-import { 
-  Trash2, 
-  Type 
+import {
+    Trash2,
+    Type
 } from "lucide-solid";
 import { cn } from "@/lib/utils";
 import type { Editor } from "@tiptap/core";
@@ -132,10 +132,10 @@ export const TableBubbleMenu: Component<TableBubbleMenuProps> = (props) => {
     ];
 
     return (
-        <div 
+        <div
             class={cn(
-                "sticky top-0 z-[150] w-full bg-background/80 backdrop-blur-md border-b border-border transition-all duration-300 ease-in-out overflow-hidden flex flex-col",
-                isVisible() ? "h-10 opacity-100 mb-2" : "h-0 opacity-0 pointer-events-none"
+                "relative z-[150] w-full bg-background/80 backdrop-blur-md border-b border-border transition-all duration-300 ease-in-out overflow-hidden flex flex-col",
+                isVisible() ? "h-9 opacity-100" : "h-0 opacity-0 pointer-events-none"
             )}
             onMouseDown={(e) => {
                 e.preventDefault();