code
diff --git a/‎packages/docs/src/styles/_table-api.scss
Copy file name to clipboardExpand all lines: packages/docs/src/styles/_table-api.scss
+8-6Lines changed: 8 additions & 6 deletions b/‎packages/docs/src/styles/_table-api.scss
Copy file name to clipboardExpand all lines: packages/docs/src/styles/_table-api.scss
+8-6Lines changed: 8 additions & 6 deletions
diff --git a/‎packages/docs/src/templates/MdxLayout.tsx
Copy file name to clipboardExpand all lines: packages/docs/src/templates/MdxLayout.tsx
+5Lines changed: 5 additions & 0 deletions b/‎packages/docs/src/templates/MdxLayout.tsx
Copy file name to clipboardExpand all lines: packages/docs/src/templates/MdxLayout.tsx
+5Lines changed: 5 additions & 0 deletions
@@ -1,4 +1,5 @@
-.table-api {
+.table-api,
+.table-docs {
   .table {
     margin: 0;
   }
@@ -10,10 +11,6 @@
 
   tr th {
     padding: 0.75rem 1rem;
-
-    &:nth-child(3) {
-      width: 50%;
-    }
   }
 
   tr td {
@@ -43,8 +40,13 @@
     border-radius: 0;
     border: 2px solid var(--cui-body-bg);
 
-    code[class*=language-], pre[class*=language-] {
+    code[class*='language-'],
+    pre[class*='language-'] {
       white-space: pre-wrap;
     }
   }
 }
+
+.table-api tr th:nth-child(3) {
+  width: 50%;
+}
@@ -69,6 +69,11 @@ const MdxLayout: FC<PageProps<DataProps>> = ({ children }) => {
         JSXDocs: (props: { code: string }) => <JSXDocs {...props} />,
         ScssDocs: (props: ScssDocsProps) => <ScssDocs {...props} />,
         pre: (props: CodeBlockProps) => <CodeBlock {...props} />,
+        table: (props) => (
+          <div className="table-responsive table-docs border rounded mb-3">
+            <table className="table table-docs" {...props} />
+          </div>
+        ),
       }}
     >
       {children}