From f0d12bfaa53469ce429524f143a4acd3e021fbda Mon Sep 17 00:00:00 2001
From: Simon Knott <info@simonknott.de>
Date: Mon, 9 Sep 2024 13:29:35 +0200
Subject: [PATCH] use standard div element and warning icon

---
 packages/trace-viewer/src/ui/clickPointer.tsx | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/trace-viewer/src/ui/clickPointer.tsx b/packages/trace-viewer/src/ui/clickPointer.tsx
index c99552103e..862f6522ea 100644
--- a/packages/trace-viewer/src/ui/clickPointer.tsx
+++ b/packages/trace-viewer/src/ui/clickPointer.tsx
@@ -14,23 +14,12 @@
  * limitations under the License.
  */
 
-import 'react';
-
-declare module 'react' {
-  namespace JSX {
-    interface IntrinsicElements {
-      'x-pw-pointer': JSX.IntrinsicElements['div'];
-    }
-  }
-}
-
 export function ClickPointer({ point }: { point: { x: number; y: number } }) {
   return (
-    <x-pw-pointer
+    <div
       style={{
         position: 'fixed',
         backgroundColor: '#f44336',
-        boxShadow: '0px 0px 60px 20px #f44336',
         width: '20px',
         height: '20px',
         borderRadius: '10px',
@@ -42,7 +31,18 @@ export function ClickPointer({ point }: { point: { x: number; y: number } }) {
         left: `${point.x}px`,
         top: `${point.y}px`,
       }}
-      title='Click positions on screenshots are inaccurate'
-    />
+    >
+      <div
+        style={{
+          fontSize: '19px',
+          color: 'white',
+          marginTop: '-3.5px',
+          userSelect: 'none'
+        }}
+        title='Click positions on screenshots are inaccurate.'
+      >
+        ⚠
+      </div>
+    </div>
   );
 }