From 1898c16f1b9063c411bc45b5fcab5cb67bf0ea63 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Fri, 1 Aug 2025 16:47:11 -0700
Subject: [PATCH] improvement: make secret overview table header sticky, add
 underlines to env header links and limit table height for scroll

---
 .../secret-manager/OverviewPage/OverviewPage.tsx      | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx b/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
index 5e9832763..910e07eac 100644
--- a/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
+++ b/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
@@ -1207,13 +1207,16 @@ export const OverviewPage = () => {
           secretsToDeleteKeys={secretsToDeleteKeys}
           usedBySecretSyncs={usedBySecretSyncs}
         />
-        <div ref={tableRef} className="thin-scrollbar mt-4">
+        <div ref={tableRef} className="mt-4">
           <TableContainer
             onScroll={(e) => setScrollOffset(e.currentTarget.scrollLeft)}
-            className="thin-scrollbar rounded-b-none"
+            className="thin-scrollbar max-h-[66vh] overflow-y-auto rounded-b-none"
           >
             <Table>
-              <THead style={{ height: collapseEnvironments ? headerHeight : undefined }}>
+              <THead
+                className="sticky top-0 z-20"
+                style={{ height: collapseEnvironments ? headerHeight : undefined }}
+              >
                 <Tr
                   className="sticky top-0 z-20 border-0"
                   style={{ height: collapseEnvironments ? headerHeight : undefined }}
@@ -1370,7 +1373,7 @@ export const OverviewPage = () => {
                               })}
                               onClick={() => handleExploreEnvClick(slug)}
                             >
-                              <p className="truncate font-medium">{name}</p>
+                              <p className="truncate font-medium underline">{name}</p>
                             </button>
                             {!collapseEnvironments && missingKeyCount > 0 && (
                               <Tooltip