diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 57d60f296..b2ede748e 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -68,8 +68,8 @@
 
     --timeline-left-gap: 20px;
     --timeline-right-gap: 20px;
-    --timeline-item-top-margin: 4px;
-    --timeline-item-bottom-margin: 8px;
+    --timeline-item-top-padding: 4px;
+    --timeline-item-bottom-padding: 8px;
     --timeline-bullet-size: 10px;
     --timeline-bullet-vertical-pos: .75em;
     --timeline-connector-size: 4px;
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index ea375d562..d12a13387 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1078,8 +1078,8 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     position: relative;
     margin: 0;
     border: unset;
-    padding-top: var(--timeline-item-top-margin);
-    padding-bottom: var(--timeline-item-bottom-margin);
+    padding-top: var(--timeline-item-top-padding);
+    padding-bottom: var(--timeline-item-bottom-padding);
     padding-left: calc(var(--timeline-left-gap) + var(--timeline-right-gap));
     padding-right: var(--timeline-left-gap);
     color: var(--active-item-text-color);
@@ -1166,7 +1166,7 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 .recent-changes-content ul li::after {
     position: absolute;
     content: "";
-    top: calc(var(--timeline-item-top-margin) + var(--timeline-bullet-vertical-pos));
+    top: calc(var(--timeline-item-top-padding) + var(--timeline-bullet-vertical-pos));
     left: var(--timeline-left-gap);
     width: var(--timeline-bullet-size);
     height: var(--timeline-bullet-size);