From 4a4a2507dd060c8c304e6b352eccb0471bcd6cbc Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Tue, 23 Dec 2025 16:09:16 +0000
Subject: [PATCH] fix(app): prevent markdown list content overflow with proper
 flex shrinking

---
 packages/app/src/styles/markdown-styles.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/app/src/styles/markdown-styles.ts b/packages/app/src/styles/markdown-styles.ts
index 5608be26e..0c069491e 100644
--- a/packages/app/src/styles/markdown-styles.ts
+++ b/packages/app/src/styles/markdown-styles.ts
@@ -216,26 +216,32 @@ export function createMarkdownStyles(theme: Theme) {
     bullet_list: {
       marginVertical: theme.spacing[2],
       paddingLeft: theme.spacing[1],
+      width: "100%" as const,
     },
 
     ordered_list: {
       marginVertical: theme.spacing[2],
       paddingLeft: theme.spacing[1],
+      width: "100%" as const,
     },
 
     list_item: {
       marginBottom: theme.spacing[1],
       flexDirection: "row" as const,
       alignItems: "flex-start" as const,
+      width: "100%" as const,
+      flexShrink: 1,
     },
 
     bullet_list_content: {
       flex: 1,
+      flexShrink: 1,
       flexWrap: "wrap" as const,
     },
 
     ordered_list_content: {
       flex: 1,
+      flexShrink: 1,
       flexWrap: "wrap" as const,
     },