From 531b2f2487e13eb0c164559ce46f39b75317de39 Mon Sep 17 00:00:00 2001
From: Evan Purkhiser <evanpurkhiser@gmail.com>
Date: Fri, 17 May 2024 00:52:45 -0400
Subject: [PATCH] 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" />
---
 .../monitors/components/timeline/serviceIncidents.tsx    | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/static/app/views/monitors/components/timeline/serviceIncidents.tsx b/static/app/views/monitors/components/timeline/serviceIncidents.tsx
index b262c5c4b64f3..6ca35ddaedb56 100644
--- 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;