update css

assets/css/custom.css

@@ -413,9 +413,29 @@ a:hover {
 .timeline-list {
     display: grid;
     gap: 1rem;
+    position: relative;
+    padding-bottom: 0.5rem;
+}
+
+.timeline-list::before {
+    content: "";
+    position: absolute;
+    top: 0.5rem;
+    bottom: 1.5rem;
+    left: 0.43rem;
+    width: 2px;
+    background: var(--border);
+    z-index: 0;
+}
+
+html[dir="rtl"] .timeline-list::before {
+    left: auto;
+    right: 0.43rem;
 }
 
 .timeline-item {
+    position: relative;
+    z-index: 1;
     display: grid;
     grid-template-columns: auto 1fr;
     gap: 0.85rem;
@@ -820,13 +840,6 @@ html[dir="rtl"] .admin-sidebar-link {
     flex-direction: row-reverse;
 }
 
-html[dir="rtl"] .timeline-item {
-    grid-template-columns: 1fr 18px;
-}
-
-html[dir="rtl"] .timeline-dot {
-    justify-self: center;
-}
 
 
 .btn-dark {