Fix arrow rounding errors in Chrome

angelikatyborska · Aug 10, 2024 · f21de89 · f21de89
1 parent 73e7d65
commit f21de89
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/EmergencyExit.astro b/src/components/EmergencyExit.astro
@@ -225,6 +225,7 @@
     bottom: 32.5%;
     right: 30.5%;
     left: 40.5%;
+    overflow: hidden;
   }
 
   .arrow-body {
@@ -245,16 +246,16 @@
 
   .arrow-tip-top {
     top: 0;
-    bottom: 49%;
+    bottom: 49.4%;
     transform-origin: bottom right;
-    transform: skew(45deg);
+    transform: skew(45deg) translateX(1px);
   }
 
   .arrow-tip-bottom {
-    top: 51%;
+    top: 49.4%;
     bottom: 0;
     transform-origin: top right;
-    transform: skew(-45deg);
+    transform: skew(-45deg) translateX(1px);
   }
 
 </style>