fix(crons): Fix alignment of service incident indicator (#71087)

before <img alt="clipboard.png" width="273" src="https://i.imgur.com/xSAcRfu.png" /> After <img alt="clipboard.png" width="286" src="https://i.imgur.com/zDCJmYn.png" />
getsentry · May 17, 2024 · 531b2f2 · 531b2f2
1 parent 72ec2fb
commit 531b2f2
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/static/app/views/monitors/components/timeline/serviceIncidents.tsx b/static/app/views/monitors/components/timeline/serviceIncidents.tsx
@@ -140,19 +140,20 @@ const IncidentIndicator = styled('div')`
   left: var(--incidentOverlayStart);
   width: calc(var(--incidentOverlayEnd) - var(--incidentOverlayStart));
   transform: translateY(-50%);
-  display: grid;
+  display: flex;
   align-items: center;
   z-index: 2;
+  height: 20px;
 
   > svg,
   &:before {
     background: ${p => p.theme.yellow300};
-    grid-row: 1;
-    grid-column: 1;
   }
 
   > svg {
-    margin: 0 auto;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
     border-radius: 50%;
     height: 16px;
     width: 16px;