diff --git a/packages/trace-viewer/src/snapshotRenderer.ts b/packages/trace-viewer/src/snapshotRenderer.ts
index e1d0d3c071..20216a9811 100644
--- a/packages/trace-viewer/src/snapshotRenderer.ts
+++ b/packages/trace-viewer/src/snapshotRenderer.ts
@@ -259,7 +259,7 @@ function snapshotScript() {
       if (pointX) {
         const pointElement = document.createElement('x-pw-pointer');
         pointElement.style.position = 'fixed';
-        pointElement.style.backgroundColor = 'red';
+        pointElement.style.backgroundColor = '#f44336';
         pointElement.style.width = '20px';
         pointElement.style.height = '20px';
         pointElement.style.borderRadius = '10px';
diff --git a/packages/web/src/common.css b/packages/web/src/common.css
index 208e4156cc..0feefcc7aa 100644
--- a/packages/web/src/common.css
+++ b/packages/web/src/common.css
@@ -35,7 +35,7 @@
     --yellow: #ff9207;
     --purple: #dc12ff;
     --blue: #4dafff;
-    --orange: #ff7171;
+    --orange: #ff9800;
   }
 }