From a7c3cbec55cacf404659d658f23e761e248d214e Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 11 Mar 2025 15:57:19 +0700
Subject: [PATCH] fix: table markdown

---
 .../Thread/ThreadCenterPanel/TextMessage/MarkdownUtils.tsx | 7 +++++++
 web/styles/components/marked.scss                          | 1 -
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/screens/Thread/ThreadCenterPanel/TextMessage/MarkdownUtils.tsx b/web/screens/Thread/ThreadCenterPanel/TextMessage/MarkdownUtils.tsx
index c720dded5..833e67eeb 100644
--- a/web/screens/Thread/ThreadCenterPanel/TextMessage/MarkdownUtils.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/TextMessage/MarkdownUtils.tsx
@@ -11,4 +11,11 @@ export const markdownComponents: Partial<Components> = {
       {children}
     </a>
   ),
+  table: ({ children }) => (
+    <div className="w-full overflow-x-auto">
+      <table className="w-full rounded-lg border border-[hsla(var(--app-border))]">
+        {children}
+      </table>
+    </div>
+  ),
 }
diff --git a/web/styles/components/marked.scss b/web/styles/components/marked.scss
index 4ac2a02bc..83b885e39 100644
--- a/web/styles/components/marked.scss
+++ b/web/styles/components/marked.scss
@@ -64,7 +64,6 @@
   border: solid hsla(var(--app-border)) 1px;
   border-radius: 8px;
   overflow: auto;
-  display: flow;
   margin-top: 16px;
   margin-bottom: 16px;
 }