diff --git a/majak_uistyleguide/templates/patterns/atoms/table/table.html b/majak_uistyleguide/templates/patterns/atoms/table/table.html
index 469c58471be0e99dc79eb5a633e26a37a23a8b73..9b4f4a751086d4d0cf2f53287b95361ad1f3b76b 100644
--- a/majak_uistyleguide/templates/patterns/atoms/table/table.html
+++ b/majak_uistyleguide/templates/patterns/atoms/table/table.html
@@ -1,19 +1,24 @@
-<div class="my-6 prose">
+<div class="my-6 prose max-w-[100ch]">
   <table>
-    <tr>
-      <th>Company</th>
-      <th>Contact</th>
-      <th>Country</th>
-    </tr>
-    <tr>
-      <td>Alfreds Futterkiste</td>
-      <td>Maria Anders</td>
-      <td>Germany</td>
-    </tr>
-    <tr>
-      <td>Centro comercial Moctezuma</td>
-      <td>Francisco Chang</td>
-      <td>Mexico</td>
-    </tr>
+    <thead>
+      <tr class="bg-black [&_*]:!text-white [&_*]:!pt-2">
+        <th>Company</th>
+        <th>Contact</th>
+        <th>Country</th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <tr>
+        <td>Alfreds Futterkiste</td>
+        <td>Maria Anders</td>
+        <td>Germany</td>
+      </tr>
+      <tr>
+        <td>Centro comercial Moctezuma</td>
+        <td>Francisco Chang</td>
+        <td>Mexico</td>
+      </tr>
+    </tbody>
   </table>
 </div>