diff --git a/src/components/status.css b/src/components/status.css
index 26a3487c..c09f8128 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -7,34 +7,35 @@
     --post-gradient-angle: -160deg;
     --post-gradient-chip-angle: 20deg;
   }
+  --post-gradient-height: min(160px, 50%);
 }
 
 .status-reblog {
   background: linear-gradient(
     var(--post-gradient-angle),
     var(--reblog-faded-color),
-    transparent min(160px, 50%)
+    transparent var(--post-gradient-height)
   );
 }
 .status-group {
   background: linear-gradient(
     var(--post-gradient-angle),
     var(--group-faded-color),
-    transparent min(160px, 50%)
+    transparent var(--post-gradient-height)
   );
 }
 .status-followed-tags {
   background: linear-gradient(
     var(--post-gradient-angle),
     var(--hashtag-faded-color),
-    transparent min(160px, 50%)
+    transparent var(--post-gradient-height)
   );
 
   .timeline-item-container:not(.timeline-item-container-start) & {
     background: radial-gradient(
       ellipse at 0 1.2em,
       var(--hashtag-faded-color),
-      transparent max(160px, 50%)
+      transparent var(--post-gradient-height)
     );
     background-size: 100% 3em;
     background-repeat: no-repeat;
@@ -44,14 +45,14 @@
   background: linear-gradient(
     var(--post-gradient-angle),
     var(--reply-to-faded-color),
-    transparent min(160px, 50%)
+    transparent var(--post-gradient-height)
   );
 }
 :is(.status-reblog, .status-group, .status-followed-tags) .status-reply-to {
   background: linear-gradient(
     var(--post-gradient-chip-angle),
     var(--reply-to-faded-color),
-    transparent min(160px, 50%)
+    transparent var(--post-gradient-height)
   );
 }
 .visibility-direct {