bringing back i - thanks rsese (#22969)

Author: gracepark

components/article/ArticlePage.tsx

@@ -123,9 +123,9 @@ export const ArticlePage = () => {
 
                   <ActionList
                     key={title}
-                    items={miniTocItems.map((items) => {
+                    items={miniTocItems.map((items, i) => {
                       return {
-                        key: title,
+                        key: title + i,
                         text: title,
                         renderItem: () => <ul>{renderTocItem(items)}</ul>,
                       }

components/ui/MarkdownContent/stylesheets/lists.scss

@@ -15,7 +15,6 @@
       &:before {
         top: 2px;
         font-size: 16px;
-        width: 24px;
         content: counter(li);
         counter-increment: li;
         position: absolute;
@@ -26,6 +25,10 @@
         font-weight: bold;
         line-height: 35px;
         text-align: right;
+        border-radius: 50%;
+        width: 24px;
+        height: 24px;
+        background-color: var(--color-canvas-default);
       }
 
       &:after {