From 66b4da50baedddb6f492e37e65262b0fad058530 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Fri, 17 Oct 2025 14:31:05 -0700
Subject: [PATCH] improvements: address feedback 2

---
 frontend/src/components/v2/Tabs/Tabs.tsx                  | 8 ++++----
 .../SecretTableResourceCount/SecretTableResourceCount.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/v2/Tabs/Tabs.tsx b/frontend/src/components/v2/Tabs/Tabs.tsx
index c5dc4d438..ebe8eb2ed 100644
--- a/frontend/src/components/v2/Tabs/Tabs.tsx
+++ b/frontend/src/components/v2/Tabs/Tabs.tsx
@@ -10,7 +10,7 @@ export const Tabs = ({ className, children, ...props }: TabsProps) => (
     className={twMerge(
       "flex",
       className,
-      props.orientation === "vertical" ? "flex-col lg:flex-row lg:gap-x-12" : "flex-col"
+      props.orientation === "vertical" ? "flex-col xl:flex-row xl:gap-x-12" : "flex-col"
     )}
     {...props}
   >
@@ -24,7 +24,7 @@ export const TabList = ({ className, children, ...props }: TabListProps) => (
   <TabsPrimitive.List
     className={twMerge(
       "no-scrollbar flex shrink-0 overflow-auto border-b-2 border-mineshaft-800",
-      "data-[orientation=vertical]:lg:flex-col data-[orientation=vertical]:lg:items-start data-[orientation=vertical]:lg:gap-y-6 data-[orientation=vertical]:lg:border-b-0",
+      "data-[orientation=vertical]:xl:flex-col data-[orientation=vertical]:xl:items-start data-[orientation=vertical]:xl:gap-y-6 data-[orientation=vertical]:xl:border-b-0",
       className
     )}
     {...props}
@@ -49,7 +49,7 @@ export const Tab = ({
     className={twMerge(
       "flex h-10 cursor-pointer items-center justify-center border-transparent",
       "px-3 text-sm font-medium whitespace-nowrap text-mineshaft-400 transition-all select-none",
-      "data-[orientation=vertical]:lg:h-5 data-[orientation=vertical]:lg:border-b-0 data-[orientation=vertical]:lg:border-l",
+      "data-[orientation=vertical]:xl:h-5 data-[orientation=vertical]:xl:border-b-0 data-[orientation=vertical]:xl:border-l",
       "border-b hover:text-mineshaft-200",
       "data-[state=active]:border-mineshaft-400 data-[state=active]:text-white",
       "hover:border-mineshaft-400",
@@ -71,7 +71,7 @@ export type TabPanelProps = TabsPrimitive.TabsContentProps;
 export const TabPanel = ({ className, children, ...props }: TabPanelProps) => (
   <TabsPrimitive.Content
     className={twMerge(
-      "grow rounded-br-md rounded-bl-md py-5 outline-hidden data-[orientation=vertical]:lg:py-0",
+      "grow rounded-br-md rounded-bl-md py-5 outline-hidden data-[orientation=vertical]:xl:overflow-x-hidden data-[orientation=vertical]:xl:py-0",
       className
     )}
     {...props}
diff --git a/frontend/src/pages/secret-manager/OverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx b/frontend/src/pages/secret-manager/OverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx
index 76b4345c1..615922560 100644
--- a/frontend/src/pages/secret-manager/OverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx
+++ b/frontend/src/pages/secret-manager/OverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx
@@ -25,7 +25,7 @@ export const SecretTableResourceCount = ({
   secretRotationCount = 0
 }: Props) => {
   return (
-    <div className="flex items-center gap-2 divide-x divide-mineshaft-500 text-sm text-mineshaft-400">
+    <div className="flex items-center divide-x divide-mineshaft-500 text-sm text-mineshaft-400 [&>*]:pr-2">
       {importCount > 0 && (
         <Tooltip
           className="max-w-sm"