diff --git a/static/app/components/events/breadcrumbs/breadcrumbsTimeline.tsx b/static/app/components/events/breadcrumbs/breadcrumbsTimeline.tsx
index b8015564ee6a8a..67fd9e6edbda54 100644
--- a/static/app/components/events/breadcrumbs/breadcrumbsTimeline.tsx
+++ b/static/app/components/events/breadcrumbs/breadcrumbsTimeline.tsx
@@ -144,6 +144,7 @@ const Subtitle = styled('p')`
 
 const Timestamp = styled('div')`
   margin-right: ${space(1)};
+  text-align: right;
   color: ${p => p.theme.subText};
   font-size: ${p => p.theme.fontSizeSmall};
   span {
diff --git a/static/app/components/timeline/index.tsx b/static/app/components/timeline/index.tsx
index 44b57780b2d25d..6b71146c82297c 100644
--- a/static/app/components/timeline/index.tsx
+++ b/static/app/components/timeline/index.tsx
@@ -62,10 +62,12 @@ export const Item = forwardRef(function _Item(
 const Row = styled('div')<{showLastLine?: boolean}>`
   position: relative;
   color: ${p => p.theme.subText};
-  display: grid;
   align-items: start;
-  grid-template: auto auto / 22px 1fr auto;
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1/-1;
   grid-column-gap: ${space(1)};
+
   margin: ${space(1)} 0;
   &:first-child {
     margin-top: 0;
@@ -136,6 +138,8 @@ export const Data = styled('div')`
 
 export const Container = styled('div')`
   position: relative;
+  display: grid;
+  grid-template: auto auto / 22px 1fr auto;
   /* vertical line connecting items */
   &::before {
     content: '';