From d6911bc882d06967e35b1200ae469542bfe49043 Mon Sep 17 00:00:00 2001
From: devanshu052000 <devanshu.rastogi05@gmail.com>
Date: Fri, 17 Jan 2025 15:40:53 +0530
Subject: [PATCH] Revamped fix for copy button on hover in debugger.

---
 frontend/src/_ui/JSONTreeViewer/JSONNode.jsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/_ui/JSONTreeViewer/JSONNode.jsx b/frontend/src/_ui/JSONTreeViewer/JSONNode.jsx
index c6b2a504fa..d1ce9518d5 100644
--- a/frontend/src/_ui/JSONTreeViewer/JSONNode.jsx
+++ b/frontend/src/_ui/JSONTreeViewer/JSONNode.jsx
@@ -268,8 +268,16 @@ export const JSONNode = ({ data, ...restProps }) => {
     };
 
     return (
-      <div style={{ fontSize: '9px', marginTop: '0px', right: '10px' }} className="d-flex position-absolute">
-        {enableCopyToClipboard ? (
+      <div
+        style={{
+          paddingLeft: !enableCopyToClipboard ? '13px' : '0px', // Temporary fix for hover issue for copy value button. Need to remove this once inspector gets revamped.
+          fontSize: '9px',
+          marginTop: '0px',
+          right: '10px',
+        }}
+        className="d-flex position-absolute"
+      >
+        {enableCopyToClipboard && (
           <ToolTip message={'Copy to clipboard'}>
             <span
               onClick={() => {
@@ -281,12 +289,6 @@ export const JSONNode = ({ data, ...restProps }) => {
               <DefaultCopyIcon />
             </span>
           </ToolTip>
-        ) : (
-          // Temporary fix for hover issue for copy value button. Need to remove this once inspector gets revamped.
-          <span
-            style={{ height: '13px', width: '13px', marginBottom: '4px' }}
-            className="mx-1 copy-to-clipboard"
-          ></span>
         )}
         <ToolTip message={'Copy value'}>
           <span