From aa556f41ce443262fc1291732e4d75982965128b Mon Sep 17 00:00:00 2001
From: Piyush Gupta <piyushguptaa2z123@gmail.com>
Date: Tue, 25 Nov 2025 03:36:15 +0530
Subject: [PATCH] fix: review comment

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

diff --git a/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx b/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
index 6dcf14845..ddc7e69ed 100644
--- a/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
+++ b/frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
@@ -197,13 +197,13 @@ export const OverviewPage = () => {
     }
   };
 
-  const [isCopied, , setIsCopied] = useTimedReset<boolean>({
-    initialState: false
+  const [copiedSlug, , setCopiedSlug] = useTimedReset<string>({
+    initialState: ""
   });
 
-  const copyToClipboard = (value: string) => {
+  const copyToClipboard = (value: string, slug: string) => {
     navigator.clipboard.writeText(value);
-    setIsCopied(true);
+    setCopiedSlug(slug);
   };
 
   const [filter, setFilter] = useState<Filter>(DEFAULT_FILTER_STATE);
@@ -1348,9 +1348,9 @@ export const OverviewPage = () => {
                                   variant="plain"
                                   colorSchema="secondary"
                                   ariaLabel="Copy environment slug"
-                                  onClick={() => copyToClipboard(slug)}
+                                  onClick={() => copyToClipboard(slug, slug)}
                                 >
-                                  <FontAwesomeIcon icon={isCopied ? faCheck : faCopy} />
+                                  <FontAwesomeIcon icon={copiedSlug === slug ? faCheck : faCopy} />
                                 </IconButton>
                               </div>
                             </div>
@@ -1362,6 +1362,7 @@ export const OverviewPage = () => {
                           rootProps={{
                             disableHoverableContent: false
                           }}
+                          key={`tooltip-${name}-${index + 1}`}
                         >
                           <div
                             className={twMerge(