diff --git a/components/curriculum/sidebar.css b/components/curriculum/sidebar.css
index f7e855fdf..308f8f17b 100644
--- a/components/curriculum/sidebar.css
+++ b/components/curriculum/sidebar.css
@@ -105,10 +105,11 @@
     align-items: center;
 
     padding-inline: 0.5rem;
+    border-inline-start: 2px solid var(--category-color);
+    margin-inline-start: calc(-1 * (0.5rem + 2px)); /* Negative margin for text alignment. */
 
     font-style: normal;
 
     background-color: var(--background-toc-active);
-    border-left: 2px solid var(--category-color);
   }
 }
diff --git a/components/left-sidebar/server.css b/components/left-sidebar/server.css
index bd8b120c7..380a4e500 100644
--- a/components/left-sidebar/server.css
+++ b/components/left-sidebar/server.css
@@ -113,11 +113,12 @@
     display: block;
 
     padding-inline: 0.5rem;
+    border-inline-start: 2px solid var(--color-area-highlight-border);
+    margin-inline-start: calc(-1 * (0.5rem + 2px)); /* Negative margin for text alignment. */
 
     font-style: normal;
 
     background-color: var(--color-area-background);
-    border-left: 2px solid var(--color-area-highlight-border);
   }
 
   .icon {