diff --git a/frontend/app/components/shared/XRayButton/XRayButton.tsx b/frontend/app/components/shared/XRayButton/XRayButton.tsx
index 2d66ed283..48116e9d2 100644
--- a/frontend/app/components/shared/XRayButton/XRayButton.tsx
+++ b/frontend/app/components/shared/XRayButton/XRayButton.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import stl from './xrayButton.module.css';
 import cn from 'classnames';
+import { Popup } from 'UI';
 
 interface Props {
     onClick?: () => void;
@@ -9,9 +10,11 @@ interface Props {
 function XRayButton(props: Props) {
     const { isActive } = props;
     return (
-        <button className={cn(stl.wrapper, { [stl.default] : !isActive, [stl.active] : isActive})} onClick={props.onClick}>
-            X-RAY
-        </button>
+        <Popup content="Get a quick overview on the issues in this replay." delay={0} disabled={isActive}>
+            <button className={cn(stl.wrapper, { [stl.default] : !isActive, [stl.active] : isActive})} onClick={props.onClick}>
+                X-RAY
+            </button>
+        </Popup>
     );
 }