From ecd2a7d009e1757b9db6b2e823eb9f9fdc0ed14c Mon Sep 17 00:00:00 2001
From: Michilis <michael@azzamo.be>
Date: Thu, 4 Jun 2026 22:58:31 +0000
Subject: [PATCH] fix(legal): align bullet list markers with list text

Use list-outside and left padding so ReactMarkdown and TipTap list items render markers beside text instead of on separate lines.
---
 frontend/src/app/globals.css                       | 4 ++--
 frontend/src/components/layout/LegalPageLayout.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index ad88586..067456f 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -127,11 +127,11 @@
 }
 
 .ProseMirror ul {
-  @apply list-disc list-inside my-3;
+  @apply list-disc list-outside pl-6 my-3;
 }
 
 .ProseMirror ol {
-  @apply list-decimal list-inside my-3;
+  @apply list-decimal list-outside pl-6 my-3;
 }
 
 .ProseMirror li {
diff --git a/frontend/src/components/layout/LegalPageLayout.tsx b/frontend/src/components/layout/LegalPageLayout.tsx
index 026645d..5e05400 100644
--- a/frontend/src/components/layout/LegalPageLayout.tsx
+++ b/frontend/src/components/layout/LegalPageLayout.tsx
@@ -127,12 +127,12 @@ export default function LegalPageLayout({
               ),
               // Style lists
               ul: ({ children }) => (
-                <ul className="list-disc list-inside space-y-2 mb-4 text-gray-700 ml-4">
+                <ul className="list-disc list-outside space-y-2 mb-4 text-gray-700 pl-6">
                   {children}
                 </ul>
               ),
               ol: ({ children }) => (
-                <ol className="list-decimal list-inside space-y-2 mb-4 text-gray-700 ml-4">
+                <ol className="list-decimal list-outside space-y-2 mb-4 text-gray-700 pl-6">
                   {children}
                 </ol>
               ),