diff --git a/src/app.css b/src/app.css
index 1e744d15..313d9b3a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2000,7 +2000,7 @@ ul.link-list li a .icon {
     transform: none;
     pointer-events: auto;
   }
-  #columns li:has(.status-carousel) {
+  #columns li.timeline-item-carousel {
     width: auto;
     transform: none;
   }
@@ -2159,7 +2159,7 @@ ul.link-list li a .icon {
   /* :is(.carousel-top-controls, .carousel-controls) {
     padding: 32px;
   } */
-  li:has(.status-carousel) {
+  li.timeline-item-carousel {
     width: 95vw;
     max-width: calc(320px * 3.3);
     transform: translateX(calc(-50% + 20em));
diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index d5ad0bd4..ff05a770 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -365,7 +365,10 @@ function Timeline({
                       return 0;
                     });
                     return (
-                      <li key={`timeline-${statusID}`}>
+                      <li
+                        key={`timeline-${statusID}`}
+                        class="timeline-item-carousel"
+                      >
                         <StatusCarousel
                           title={title}
                           class={`${type}-carousel`}