From 108f99f5fc42d5a5e302aea0b960d3d4fa57cc3a Mon Sep 17 00:00:00 2001
From: Gildas Garcia <1122076+djhi@users.noreply.github.com>
Date: Mon, 1 Jun 2026 10:55:04 +0200
Subject: [PATCH] fix: table menu empty state design (#46494)

## Problem

<img width="500" height="470" alt="image"
src="https://github.com/user-attachments/assets/17536208-9b7b-4a05-bd04-03def662dd28"
/>

## Solution

<img width="244" height="244" alt="image"
src="https://github.com/user-attachments/assets/f6d3ea4f-f36c-45a3-b4aa-ea37bb6a6e22"
/>


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
* Adjusted the empty-state illustration layout by removing explicit
height constraint classes from the wrapper elements. The component's
vertical sizing is now managed through alternative approaches while
preserving existing positioning, scale transformations, and
pointer-event configurations. These refinements maintain visual
consistency while improving the overall layout behavior for the empty
state display.

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/46494?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack)

<!-- review_stack_entry_end -->

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../layouts/TableEditorLayout/TableMenuEmptyState.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/layouts/TableEditorLayout/TableMenuEmptyState.tsx b/apps/studio/components/layouts/TableEditorLayout/TableMenuEmptyState.tsx
index 916b8a207bf..3cf482e491e 100644
--- a/apps/studio/components/layouts/TableEditorLayout/TableMenuEmptyState.tsx
+++ b/apps/studio/components/layouts/TableEditorLayout/TableMenuEmptyState.tsx
@@ -11,8 +11,8 @@ export const TableMenuEmptyState = () => {
       description="Any tables or views you create will be listed here."
       className="mx-4"
     >
-      <div className="top-0 left-6 flex flex-col opacity-50 cursor-not-allowed bg-dash-sidebar h-content -mb-7 pointer-events-none scale-75">
-        <div className="relative h-content">
+      <div className="top-0 left-6 flex flex-col opacity-50 cursor-not-allowed bg-dash-sidebar -mb-7 pointer-events-none scale-75">
+        <div className="relative">
           <div className="absolute inset-0 pointer-events-none z-10">
             <div className="absolute inset-0 bg-linear-to-t from-transparent from-80% to-100% to-background-surface-100 dark:to-background-surface-75" />
             <div className="absolute inset-0 bg-linear-to-r from-transparent from-50% to-100% to-background-surface-100 dark:to-background-surface-75" />