From 1aea3d8660444788f171e37cdf8cc9565e2aed01 Mon Sep 17 00:00:00 2001
From: Austin Schaefer <55203603+austin-schaefer@users.noreply.github.com>
Date: Fri, 24 May 2024 14:27:05 -0700
Subject: [PATCH] chore(style guide): Fix table formatting (#17450)

---
 .../docs/style-guide/structure/tables.mdx     | 39 +++++++++----------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/content/docs/style-guide/structure/tables.mdx b/src/content/docs/style-guide/structure/tables.mdx
index 4ec1468ff2f..9d08a1f3ac0 100644
--- a/src/content/docs/style-guide/structure/tables.mdx
+++ b/src/content/docs/style-guide/structure/tables.mdx
@@ -20,30 +20,29 @@ The Keyboard Maestro macro for the Table component is `kktable`
 
 ## Table syntax
 
-Our tables are built as MDX React components. In practice, they're quite similar to HTML tables::
+Our tables are built as MDX React components. In practice, they're quite similar to HTML tables:
 
 ```html
 <table>
-  <thead>
-    <tr>
-      <th style={{ width: "200px" }}>
-        **Item**
-      </th>
-
-      <th>
-        **Description**
-      </th>
-    </tr>
-  </thead>
+    <thead>
+        <tr>
+            <th style={{ width: "200px" }}>
+            **Item**
+            </th>
+            <th>
+            **Description**
+            </th>
+        </tr>
+    </thead>
     <tbody>
-    <tr>
-      <td>
-        Item name
-      </td>
-      <td>
-        Description of item
-      </td>
-    </tr>
+        <tr>
+            <td>
+            Item name
+            </td>
+            <td>
+            Description of item
+            </td>
+        </tr>
     </tbody>
 </table>
 ```