From aef66ee8221b6f0836de6ef4563384a517efab0c Mon Sep 17 00:00:00 2001
From: Alex Martinez <alexmartinez.mm98@gmail.com>
Date: Wed, 16 Oct 2024 00:01:56 -0500
Subject: [PATCH 1/3] wip

---
 .../SecretOverviewPage/SecretOverviewPage.tsx  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx b/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
index f46b7d9291..fc04d8d576 100644
--- a/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
+++ b/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
@@ -808,9 +808,9 @@ export const SecretOverviewPage = () => {
           <TableContainer className="rounded-b-none">
             <Table>
               <THead>
-                <Tr className="sticky top-0 z-20 border-0">
-                  <Th className="sticky left-0 z-20 min-w-[20rem] border-b-0 p-0">
-                    <div className="flex items-center border-b border-r border-mineshaft-600 px-5 pt-3.5 pb-3">
+                <Tr className="border-0">
+                  <Th className="  min-w-[20rem] border-b border-r p-0">
+                    <div className="flex items-center border-mineshaft-600 px-5 pt-3.5 pb-3">
                       Name
                       <IconButton
                         variant="plain"
@@ -837,10 +837,10 @@ export const SecretOverviewPage = () => {
 
                     return (
                       <Th
-                        className="min-table-row min-w-[11rem] border-b-0 p-0 text-center"
+                        className="min-table-row min-w-[11rem] border-b p-0 text-center"
                         key={`secret-overview-${name}-${index + 1}`}
                       >
-                        <div className="flex items-center justify-center border-b border-mineshaft-600 px-5 pt-3.5 pb-[0.83rem]">
+                        <div className="flex items-center justify-center  border-mineshaft-600 px-5 pt-3.5 pb-3">
                           <button
                             type="button"
                             className="text-sm font-medium duration-100 hover:text-mineshaft-100"
@@ -980,15 +980,15 @@ export const SecretOverviewPage = () => {
               </TBody>
               <TFoot>
                 <Tr className="sticky bottom-0 z-10 border-0 bg-mineshaft-800">
-                  <Td className="sticky left-0 z-10 border-0 bg-mineshaft-800 p-0">
+                  <Td className="sticky left-0 z-10 border-t border-r border-mineshaft-600 g-mineshaft-800 p-0">
                     <div
-                      className="w-full border-t border-r border-mineshaft-600"
+                      className="w-full border-mineshaft-600"
                       style={{ height: "45px" }}
                     />
                   </Td>
                   {visibleEnvs?.map(({ name, slug }) => (
-                    <Td key={`explore-${name}-btn`} className="border-0 border-mineshaft-600 p-0">
-                      <div className="flex w-full items-center justify-center border-r border-t border-mineshaft-600 px-5 py-2">
+                    <Td key={`explore-${name}-btn`} className="border-t  border-mineshaft-600 p-0">
+                      <div className="flex w-full items-center justify-center   border-mineshaft-600 px-5 py-2">
                         <Button
                           size="xs"
                           variant="outline_bg"

From dae609245dc75e8600b4c97c9bbd9326424436f7 Mon Sep 17 00:00:00 2001
From: Alex Martinez <alexmartinez.mm98@gmail.com>
Date: Wed, 16 Oct 2024 00:32:15 -0500
Subject: [PATCH 2/3] wip

---
 .../SecretOverviewTableRow/SecretOverviewTableRow.tsx       | 6 +++---
 .../components/SecretOverviewTableRow/SecretRenameRow.tsx   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx b/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx
index c71480e591..ed92444e68 100644
--- a/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx
+++ b/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx
@@ -67,11 +67,11 @@ export const SecretOverviewTableRow = ({
     <>
       <Tr isHoverable isSelectable onClick={() => setIsFormExpanded.toggle()} className="group">
         <Td
-          className={`sticky left-0 z-10 bg-mineshaft-800 bg-clip-padding py-0 px-0 group-hover:bg-mineshaft-700 ${
-            isFormExpanded && "border-t-2 border-mineshaft-500"
+          className={`sticky left-0 z-10 border-r bg-mineshaft-800 bg-clip-padding py-0 px-0 group-hover:bg-mineshaft-700 ${
+            isFormExpanded ? "border-t-2 border-mineshaft-500" : "border-mineshaft-600"
           }`}
         >
-          <div className="h-full w-full border-r border-mineshaft-600 py-2.5 px-5">
+          <div className="h-full w-full border-mineshaft-600 py-2.5 px-5">
             <div className="flex items-center space-x-5">
               <div className="text-bunker-300">
                 <Checkbox
diff --git a/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretRenameRow.tsx b/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretRenameRow.tsx
index 4eda53b8a8..5fe37aa4cd 100644
--- a/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretRenameRow.tsx
+++ b/frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretRenameRow.tsx
@@ -146,7 +146,7 @@ function SecretRenameRow({ environments, getSecretByKey, secretKey, secretPath }
       className="secret-table relative mb-2 flex w-full flex-row items-center justify-between overflow-hidden rounded-lg border border-solid border-mineshaft-700 bg-mineshaft-800 font-inter"
     >
       <div className="flex h-11 flex-1 flex-shrink-0 items-center">
-        <span className="flex h-full min-w-[11rem] items-center justify-start border-r-2 border-mineshaft-600 px-4">
+        <span className="flex h-full min-w-[11rem] items-center justify-start border-r border-mineshaft-600 px-4">
           Key
         </span>
 

From 76f2f06acce04de3bd1c4bd5e6561de50a4f55f3 Mon Sep 17 00:00:00 2001
From: Alex Martinez <alexmartinez.mm98@gmail.com>
Date: Wed, 16 Oct 2024 00:40:47 -0500
Subject: [PATCH 3/3] wip

---
 .../src/views/SecretOverviewPage/SecretOverviewPage.tsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx b/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
index fc04d8d576..1b551f7fb0 100644
--- a/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
+++ b/frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
@@ -808,8 +808,8 @@ export const SecretOverviewPage = () => {
           <TableContainer className="rounded-b-none">
             <Table>
               <THead>
-                <Tr className="border-0">
-                  <Th className="  min-w-[20rem] border-b border-r p-0">
+                <Tr className="sticky top-0 z-20 border-0">
+                  <Th className="sticky left-0 z-20 min-w-[20rem] border-b border-r p-0">
                     <div className="flex items-center border-mineshaft-600 px-5 pt-3.5 pb-3">
                       Name
                       <IconButton
@@ -840,7 +840,7 @@ export const SecretOverviewPage = () => {
                         className="min-table-row min-w-[11rem] border-b p-0 text-center"
                         key={`secret-overview-${name}-${index + 1}`}
                       >
-                        <div className="flex items-center justify-center  border-mineshaft-600 px-5 pt-3.5 pb-3">
+                        <div className="flex items-center justify-center border-mineshaft-600 px-5 pt-3.5 pb-3">
                           <button
                             type="button"
                             className="text-sm font-medium duration-100 hover:text-mineshaft-100"
@@ -988,7 +988,7 @@ export const SecretOverviewPage = () => {
                   </Td>
                   {visibleEnvs?.map(({ name, slug }) => (
                     <Td key={`explore-${name}-btn`} className="border-t  border-mineshaft-600 p-0">
-                      <div className="flex w-full items-center justify-center   border-mineshaft-600 px-5 py-2">
+                      <div className="flex w-full items-center justify-center border-mineshaft-600 px-5 py-2">
                         <Button
                           size="xs"
                           variant="outline_bg"