diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 830886d2d..b51b36825 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -68,7 +68,8 @@
 
     --timeline-left-gap: 20px;
     --timeline-right-gap: 20px;
-    --timeline-item-vertical-margin: 4px;
+    --timeline-item-top-margin: 4px;
+    --timeline-item-bottom-margin: 12px;
     --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 e993787f8..0bc6ebe57 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1054,17 +1054,13 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     margin: var(--bs-modal-padding);
 }
 
-.recent-changes-content > div {
-    padding-left: var(--timeline-left-gap);
-}
-
 /* Date headings */
 .recent-changes-content > div > b {
     position: sticky;
     display: block;
     top: 0;
     background: var(--modal-background-color);
-    padding: 10px 0;
+    padding: 10px 0 10px calc(var(--timeline-left-gap) + var(--timeline-right-gap));
     font-size: 1.25em;
     font-weight: 300;
     z-index: 10;
@@ -1077,23 +1073,21 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 }
 
 /* Timeline items */
-.recent-changes-content ul li,
-.recent-changes-content > div > b {
-    margin: 0;
-    padding-left: var(--timeline-right-gap);
-}
-
 .recent-changes-content ul li {
     display: flex;
     position: relative;
-    color: transparent; /* Hide the "-" character */
-    padding-top: var(--timeline-item-vertical-margin);
-    padding-bottom: var(--timeline-item-vertical-margin);
+    margin: 0;
+    padding-top: var(--timeline-item-top-margin);
+    padding-bottom: var(--timeline-item-bottom-margin);
+    padding-left: calc(var(--timeline-left-gap) + var(--timeline-right-gap));
+    padding-right: var(--timeline-left-gap);
+    color: var(--active-item-text-color);
 }
 
-.recent-changes-content ul li span {
-    /* Ensure spans are not transparent */
-    color: var(--active-item-text-color);
+.recent-changes-content ul li:hover {
+    border-radius: 8px;
+    background: var(--hover-item-background-color);
+    color: var(--hover-item-text-color);
 }
 
 .recent-changes-content ul li .note-path {
@@ -1106,7 +1100,7 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     display: inline-block;
     min-width: 80px;
     vertical-align: top;
-    color: var(--active-item-text-color);
+    color: var(--muted-text-color);
 }
 
 /* Item title & path container */
@@ -1114,6 +1108,17 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     display: inline-block;
 }
 
+/* Item title link */
+
+.recent-changes-content ul li a {
+    color: currentColor
+}
+
+.recent-changes-content ul li a:hover {
+    text-decoration: underline;
+}
+
+
 /* Item path */
 .recent-changes-content ul li > span:nth-child(2) small {
     display: block;
@@ -1127,7 +1132,7 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     position: absolute;
     content: "";
     top: var(--connector-top, 0);
-    left: calc((var(--timeline-bullet-size) - var(--timeline-connector-size)) / 2);
+    left: calc(var(--timeline-left-gap) + ((var(--timeline-bullet-size) - var(--timeline-connector-size)) / 2));
     bottom: var(--connector-bottom, 0);
     width: var(--timeline-connector-size);
     border-radius: var(--connector-radius, 0) var(--connector-radius, 0) 0 0;
@@ -1154,8 +1159,8 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 .recent-changes-content ul li::after {
     position: absolute;
     content: "";
-    top: calc(var(--timeline-item-vertical-margin) + var(--timeline-bullet-vertical-pos));
-    left: 0;
+    top: calc(var(--timeline-item-top-margin) + var(--timeline-bullet-vertical-pos));
+    left: var(--timeline-left-gap);
     width: var(--timeline-bullet-size);
     height: var(--timeline-bullet-size);
     border-radius: 50%;