From 0d15ea6854e8413dac66c8604b8493a2388cc02a Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 25 Nov 2022 15:20:38 +0100
Subject: [PATCH] fix(ui): fix styling for xray

---
 .../BugReport/components/StepsComponents/XRay.tsx   | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/Session_/BugReport/components/StepsComponents/XRay.tsx b/frontend/app/components/Session_/BugReport/components/StepsComponents/XRay.tsx
index 802230b9d..61c2fb9da 100644
--- a/frontend/app/components/Session_/BugReport/components/StepsComponents/XRay.tsx
+++ b/frontend/app/components/Session_/BugReport/components/StepsComponents/XRay.tsx
@@ -79,14 +79,11 @@ function XRay({ xrayProps, timePointer, stepPickRadius, clearEventSelection, set
         </div>
         {!shouldShowPointerReset ? (
           <div
-            className="flex items-center gap-2 rounded bg-active-blue px-2 py-1 whitespace-nowrap overflow-hidden text-clip"
+            className="flex items-center gap-2 rounded bg-active-blue px-2 py-1 whitespace-nowrap overflow-hidden text-clip group"
             id="pdf-ignore"
           >
             <Icon name="info-circle" size={16} />
-            <div>
-              Click anywhere in the graph below to drilldown and add
-              steps
-            </div>
+            <div>Click anywhere in the graph below to drilldown and add steps</div>
           </div>
         ) : (
           <Button id="pdf-ignore" variant="text-primary" onClick={clearEventSelection}>
@@ -94,7 +91,11 @@ function XRay({ xrayProps, timePointer, stepPickRadius, clearEventSelection, set
           </Button>
         )}
       </div>
-      <div className="relative cursor-pointer" onClick={pickEventRadius} ref={xrayContainer}>
+      <div
+        className="relative cursor-pointer group-hover:border-dotted hover:border-dotted group-hover:border-gray-dark hover:border-gray-dark border border-transparent"
+        onClick={pickEventRadius}
+        ref={xrayContainer}
+      >
         <div
           id="pdf-ignore"
           style={{