From 7a8d13d7e2d25940cde5577c0b2efd5439d14cf5 Mon Sep 17 00:00:00 2001
From: mawkone <mark@getacquired.com>
Date: Sun, 14 Jun 2026 14:07:46 -0700
Subject: [PATCH] fix(dashboard): fix double borders and corner masking issue
 on databases page

---
 .../project/[projectId]/(home)/data/tables/page.tsx       | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/data/tables/page.tsx b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/data/tables/page.tsx
index 50fe420..cbd79d4 100644
--- a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/data/tables/page.tsx
+++ b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/data/tables/page.tsx
@@ -70,6 +70,7 @@ export default function DataTablesPage() {
           flexDirection: "column",
           flex: 1,
           minHeight: 0,
+          overflow: "hidden",
         }}
       >
         <div
@@ -298,14 +299,11 @@ export default function DataTablesPage() {
           <aside
             style={{ minWidth: 0, display: "flex", flexDirection: "column" }}
           >
-            <Card
-              padding={16}
+            <div
               style={{
                 flex: 1,
-                minHeight: "calc(100vh - 150px)",
                 display: "flex",
                 flexDirection: "column",
-                padding: 16,
               }}
             >
               {selection?.kind === "table" && (
@@ -332,7 +330,7 @@ export default function DataTablesPage() {
                   Select a table on the left to preview data.
                 </div>
               )}
-            </Card>
+            </div>
           </aside>
         </div>
       </Card>