diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index fbc726f6b3..ebe9e278b3 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -1415,6 +1415,21 @@ div.toggle_resolve_topic_spinner .loading_indicator_spinner {
     margin-bottom: 0;
 }
 
+.date_row {
+    .timerender-content {
+        &::before {
+            width: 100%;
+        }
+
+        &::after {
+            width: 6px;
+            left: 0.25em;
+            /* Align date with message time and recipient bar date. */
+            margin-right: -1px;
+        }
+    }
+}
+
 .bookend {
     padding-bottom: 10px;
     text-align: center;
@@ -1468,17 +1483,6 @@ div.toggle_resolve_topic_spinner .loading_indicator_spinner {
     border-bottom: 1px solid hsl(0deg 0% 0%);
 }
 
-.date_row .timerender-content::before {
-    width: 100%;
-}
-
-.date_row .timerender-content::after {
-    width: 6px;
-    left: 0.25em;
-    /* Align date with message time and recipient bar date. */
-    margin-right: -1px;
-}
-
 .bookend-label::before,
 .date_row .timerender-content::before {
     right: 0.25em;