diff --git a/client/web/src/components/__tests__/Markdown.spec.tsx b/client/web/src/components/__tests__/Markdown.spec.tsx
index 58f9d863..332bc722 100644
--- a/client/web/src/components/__tests__/Markdown.spec.tsx
+++ b/client/web/src/components/__tests__/Markdown.spec.tsx
@@ -46,4 +46,15 @@ describe('Markdown', () => {
       expect(wrapper.container).toMatchSnapshot();
     });
   });
+
+  test('table', async () => {
+    const text = `
+| A | B |
+| --- | --- |
+| 1 | 2 |
+| 3 | 4 |
+        `;
+    const wrapper = await renderLazy(<Markdown raw={text} />);
+    expect(wrapper.container).toMatchSnapshot();
+  });
 });
diff --git a/client/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap b/client/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap
index e28a5645..4c4ef040 100644
--- a/client/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap
+++ b/client/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap
@@ -218,3 +218,42 @@ exports[`Markdown list 1`] = `
   </div>
 </div>
 `;
+
+exports[`Markdown table 1`] = `
+<div>
+  <div
+    class="tailchat-markdown"
+  >
+    <table>
+      <thead>
+        <tr>
+          <th>
+            A
+          </th>
+          <th>
+            B
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>
+            1
+          </td>
+          <td>
+            2
+          </td>
+        </tr>
+        <tr>
+          <td>
+            3
+          </td>
+          <td>
+            4
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;