diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
index a68e52681..dc5ac54f3 100644
--- a/src/components/Tooltip.tsx
+++ b/src/components/Tooltip.tsx
@@ -72,7 +72,7 @@ export function Tooltip({
           <div
             ref={refs.setFloating /* eslint-disable-line react-hooks/refs */}
             style={floatingStyles}
-            className={`z-50 rounded-md bg-gray-900 px-3 py-1.5 text-sm text-white shadow-lg dark:bg-gray-800 ${className}`}
+            className={`z-1300 rounded-md bg-gray-900 px-3 py-1.5 text-sm text-white shadow-lg dark:bg-gray-800 ${className}`}
           >
             {content}
           </div>
diff --git a/src/ui/Tooltip.tsx b/src/ui/Tooltip.tsx
index bf9fa6e44..6cb52ded7 100644
--- a/src/ui/Tooltip.tsx
+++ b/src/ui/Tooltip.tsx
@@ -33,7 +33,7 @@ export function Tooltip({
             align={align}
             sideOffset={5}
             className={twMerge(
-              'z-50 rounded-lg px-3 py-2 text-xs',
+              'z-1300 rounded-lg px-3 py-2 text-xs',
               'bg-background-inverse text-text-inverse',
               'shadow-lg',
               'animate-in fade-in-0 zoom-in-95',