changes

components/Chat/MarkdownMessage.module.css

@@ -62,3 +62,11 @@
   overflow-x: auto;
   overflow-y: hidden;
 }
+
+/* Tables with rounded corners */
+.table {
+  border-collapse: separate;
+  border-spacing: 0;
+  border-radius: var(--mantine-radius-md);
+  overflow: hidden;
+}

components/Chat/MarkdownMessage.tsx

@@ -226,7 +226,14 @@ export function MarkdownMessage({ content, isStreaming = false }: MarkdownMessag
 
           // Tables (GFM)
           table: ({ children }) => (
-            <Table striped highlightOnHover withTableBorder withColumnBorders mb="md">
+            <Table
+              striped
+              highlightOnHover
+              withTableBorder
+              withColumnBorders
+              mb="md"
+              className={classes.table}
+            >
               {children}
             </Table>
           ),