diff --git a/www/packages/docs-ui/src/components/ContentMenu/Toc/index.tsx b/www/packages/docs-ui/src/components/ContentMenu/Toc/index.tsx
index 243cdaa480..c1bee998dc 100644
--- a/www/packages/docs-ui/src/components/ContentMenu/Toc/index.tsx
+++ b/www/packages/docs-ui/src/components/ContentMenu/Toc/index.tsx
@@ -126,9 +126,12 @@ const TocItem = ({ item, activeItemId }: TocItemProps) => {
           scrollToElement(elm)
         }}
       >
-        {item.id === activeItemId && (
-          <span className="absolute left-0 top-0 w-[1.5px] h-full bg-medusa-fg-base rounded-full" />
-        )}
+        <span
+          className={clsx(
+            "absolute left-0 top-0 w-[1.5px] h-full bg-medusa-fg-base rounded-full",
+            item.id !== activeItemId && "invisible"
+          )}
+        />
         {item.title}
       </Link>
       {(item.children?.length ?? 0) > 0 && (