From 905f96bc5d2d452f94c40ff7d156229aa4d4cb04 Mon Sep 17 00:00:00 2001
From: eric <eeoneric@gmail.com>
Date: Wed, 27 Mar 2024 15:50:04 -0400
Subject: [PATCH] add height limit

---
 .../lib/components/DatabaseTableTree/DatabaseTableTree.tsx   | 5 ++++-
 .../scenes/data-warehouse/external/DataWarehouseTables.tsx   | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/DatabaseTableTree/DatabaseTableTree.tsx b/frontend/src/lib/components/DatabaseTableTree/DatabaseTableTree.tsx
index 539fae2d81abd..8f42f841a8457 100644
--- a/frontend/src/lib/components/DatabaseTableTree/DatabaseTableTree.tsx
+++ b/frontend/src/lib/components/DatabaseTableTree/DatabaseTableTree.tsx
@@ -34,7 +34,10 @@ export function DatabaseTableTree({
     ...props
 }: TreeProps): JSX.Element {
     return (
-        <ul className={`bg-bg-light ${depth == 1 ? 'p-4' : ''} rounded-lg ${className}`} {...props}>
+        <ul
+            className={`bg-bg-light ${depth == 1 ? 'p-4 overflow-y-scroll h-full' : ''} rounded-lg ${className}`}
+            {...props}
+        >
             {items.map((item, index) => {
                 if ('items' in item) {
                     return (
diff --git a/frontend/src/scenes/data-warehouse/external/DataWarehouseTables.tsx b/frontend/src/scenes/data-warehouse/external/DataWarehouseTables.tsx
index e8ca8afaa85b4..26c90d15f1600 100644
--- a/frontend/src/scenes/data-warehouse/external/DataWarehouseTables.tsx
+++ b/frontend/src/scenes/data-warehouse/external/DataWarehouseTables.tsx
@@ -123,7 +123,7 @@ export const DataWarehouseTables = (): JSX.Element => {
     return (
         <>
             <div className="grid md:grid-cols-3">
-                <div className="sm:col-span-3 md:col-span-1">
+                <div className="sm:col-span-3 md:col-span-1 max-h-160">
                     <DatabaseTableTree onSelectRow={selectRow} items={treeItems()} selectedRow={selectedRow} />
                 </div>
                 {selectedRow ? (