fix: table styling

Author: ImMiguelP

src/components/MarkdownTable.tsx

@@ -1,22 +1,24 @@
 import React from "react"
-import { Table, TableContainer, Th } from "@chakra-ui/react"
+import { Box, Table } from "@chakra-ui/react"
 
 export interface IProps {
   children?: React.ReactNode
 }
 
 const MarkdownTable: React.FC<IProps> = ({ children }) => (
-  <TableContainer my={8}>
-    <Table>
-      <Th
-        borderBottom={"1px solid"}
-        borderColor={"border"}
-        whiteSpace={"nowrap"}
-      >
-        {children}
-      </Th>
+  <Box my={8}>
+    <Table
+      sx={{
+        th: {
+          borderBottom: "1px solid",
+          borderColor: "border",
+          whiteSpace: "nowrap",
+        },
+      }}
+    >
+      {children}
     </Table>
-  </TableContainer>
+  </Box>
 )
 
 export default MarkdownTable