Update web/src/components/Message.tsx

web/src/components/Message.tsx

@@ -208,24 +208,28 @@ export function Message({
             </ul>
           ),
         
+          /* ---------- Ordered list (1. 2. 3.) ---------- */
           /* ---------- Ordered list (1. 2. 3.) ---------- */
           ol: ({ children }) => (
-            <ol className="my-3 pl-6 space-y-4 list-decimal">
+            <ol className="my-3 space-y-4">
               {children}
             </ol>
           ),
-        
+          
           li: ({ children, node }) => {
             const parent = (node as any)?.parent?.tagName;
-        
-            // —— unordered list: custom dot, aligned & clean
-            if (parent === "ul") {
+          
+            // —— ordered list: number aligned left, text indented
+            if (parent === "ol") {
               return (
                 <li className="list-none">
-                  <div className="flex items-start gap-2">
-                    {/* dot */}
-                    <span className="mt-[0.6em] h-1.5 w-1.5 rounded-full bg-foreground/50 flex-shrink-0" />
-                    {/* content */}
+                  <div className="flex items-start">
+                    {/* number column */}
+                    <span className="w-6 text-right pr-2 flex-shrink-0 font-medium">
+                      {(node as any)?.index + 1}.
+                    </span>
+          
+                    {/* content column */}
                     <div className="min-w-0">
                       {children}
                     </div>
@@ -233,13 +237,9 @@ export function Message({
                 </li>
               );
             }
-        
-            // —— ordered list: tighten spacing, align text
-            return (
-              <li className="pl-1">
-                {children}
-              </li>
-            );
+          
+            /* fallback (unordered handled elsewhere) */
+            return <li>{children}</li>;
           },
         
           strong: ({ children }) => (