From 226b821ea3ee9e3d5b4ec7f194830da7f593258d Mon Sep 17 00:00:00 2001
From: luizhf42 <luizhf42@gmail.com>
Date: Mon, 1 Jun 2026 18:17:46 -0300
Subject: [PATCH] fix(ui-react): cap namespace selector list height to prevent
 overflow

With many namespaces the dropdown grew past the viewport and broke the
page layout. Constrain the list to a max height and scroll it instead.
---
 .../apps/console/src/components/layout/NamespaceSelector.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui-react/apps/console/src/components/layout/NamespaceSelector.tsx b/ui-react/apps/console/src/components/layout/NamespaceSelector.tsx
index c7305b7ebd5..a05f9751e6b 100644
--- a/ui-react/apps/console/src/components/layout/NamespaceSelector.tsx
+++ b/ui-react/apps/console/src/components/layout/NamespaceSelector.tsx
@@ -143,7 +143,7 @@ export default function NamespaceSelector({
 
           {/* Namespace list */}
           {availableNamespaces.length > 0 && (
-            <div className="p-2">
+            <div className="p-2 overflow-y-auto max-h-72">
               <p className="px-2 py-1.5 text-2xs font-mono font-semibold uppercase tracking-label text-text-muted">
                 {isAdminContext ? "Available Namespaces" : "Switch Namespace"}
               </p>