diff --git a/web/src/components/ui/typography/AppMarkdown/AppMarkdown.module.css b/web/src/components/ui/typography/AppMarkdown/AppMarkdown.module.css
index feb5c5820..919540a98 100644
--- a/web/src/components/ui/typography/AppMarkdown/AppMarkdown.module.css
+++ b/web/src/components/ui/typography/AppMarkdown/AppMarkdown.module.css
@@ -44,8 +44,15 @@
 .container ul,
 .container ol,
 .container dl {
-  list-style-position: revert;
-  margin-left: calc(var(--spacing) * 4);
+  list-style-position: outside;
+}
+
+.container ol {
+  padding-inline-start: 1em;
+}
+
+.container ul {
+  padding-inline-start: 2.5em;
 }
 
 .container ol {
diff --git a/web/src/components/ui/typography/AppMarkdown/AppMarkdownCommon.tsx b/web/src/components/ui/typography/AppMarkdown/AppMarkdownCommon.tsx
index fd285c1d2..3806c8251 100644
--- a/web/src/components/ui/typography/AppMarkdown/AppMarkdownCommon.tsx
+++ b/web/src/components/ui/typography/AppMarkdown/AppMarkdownCommon.tsx
@@ -128,10 +128,7 @@ export const CustomOrderedList: React.FC<
 > = ({ children, markdown, showLoader, ...rest }) => {
   return (
     <ol
-      className={cn(
-        'list-decimal space-y-1',
-        showLoader && 'animate-in fade-in transition-none duration-700'
-      )}
+      className={cn('space-y-1', showLoader && 'animate-in fade-in transition-none duration-700')}
       {...rest}>
       {children}
     </ol>
@@ -148,7 +145,7 @@ export const CustomUnorderedList: React.FC<
   return (
     <ul
       className={cn(
-        'mt-1 list-inside list-disc space-y-1',
+        'mt-1 space-y-1',
         showLoader && 'animate-in fade-in transition-none duration-700'
       )}
       {...rest}>