From b17b3ad727a07744dbb1f6a46d4ab5be8cd3599b Mon Sep 17 00:00:00 2001
From: Roland Tannous <rolandtannous@gravityq.ai>
Date: Fri, 29 May 2026 16:25:18 +0400
Subject: [PATCH] Studio: fix overlapping sections in Knowledge bases settings
 tab

---
 .../src/features/settings/tabs/knowledge-bases-tab.tsx    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/studio/frontend/src/features/settings/tabs/knowledge-bases-tab.tsx b/studio/frontend/src/features/settings/tabs/knowledge-bases-tab.tsx
index 9e9063e9a4..d9c901b8d3 100644
--- a/studio/frontend/src/features/settings/tabs/knowledge-bases-tab.tsx
+++ b/studio/frontend/src/features/settings/tabs/knowledge-bases-tab.tsx
@@ -37,7 +37,7 @@ export function KnowledgeBasesTab() {
   });
 
   return (
-    <div className="flex h-full min-h-0 flex-col gap-4">
+    <div className="flex flex-col gap-4">
       <div>
         <h2 className="text-lg font-semibold">Knowledge bases</h2>
         <p className="text-sm text-muted-foreground">
@@ -46,7 +46,11 @@ export function KnowledgeBasesTab() {
         </p>
       </div>
       <Separator />
-      <div className="flex min-h-0 flex-1 gap-4">
+      {/* Fixed-height workspace so the KB list / detail / preview have a
+          bounded area to scroll within; the rest of the tab flows and the
+          settings dialog body scrolls. A flex-1 fill here collapsed under the
+          tall thread-index + defaults sections below, overlapping them. */}
+      <div className="flex h-[360px] min-h-0 gap-4">
         <div className="w-[220px] shrink-0">
           <KBList selectedId={selected?.id ?? null} onSelect={setSelected} />
         </div>