--- trunk/docs/components/MDX/TableOfContents.tsx	2024/07/29 17:59:26	575
+++ trunk/docs/components/MDX/TableOfContents.tsx	2024/10/10 17:53:11	632
@@ -72,14 +72,14 @@
             <h4 className="pl-[15px] mb-3 mt-4 uppercase font-bold tracking-wider text-[15px]">
                 On this page
             </h4>
-            <ul className="list-none">
+            <ul className="list-none pr-2.5">
                 {headings.map(heading => (
                     <li key={heading.id}>
                         <a
-                            className={`my-2 block ${
+                            className={`my-2 block pl-[15px] ${
                                 activeId === heading.id || onlyOne
-                                    ? "text-blue-500 [border-left:3px_solid_#007bff] pl-[15px]"
-                                    : "pl-[18px] hover:text-blue-500"
+                                    ? "text-blue-500 after:[content:'●'] after:ml-2 after:inline-block after:text-blue-500"
+                                    : "hover:text-blue-500"
                             }`}
                             href={`#${heading.id}`}
                             onClick={event => {