diff --git a/site/src/content/docs/content/tables.mdx b/site/src/content/docs/content/tables.mdx
index 3c47b930a6..4798ae1a68 100644
--- a/site/src/content/docs/content/tables.mdx
+++ b/site/src/content/docs/content/tables.mdx
@@ -52,7 +52,7 @@ Use contextual classes to color tables, table rows or individual cells.
 
 <Code code={[
   `<!-- On tables -->`,
-  ...getData('theme-colors').map((themeColor) => `<table class="table-${themeColor.name}">...</table>`),
+  ...getData('theme-colors').map((themeColor) => `<table class="table table-${themeColor.name}">...</table>`),
   `
 <!-- On rows -->`,
   ...getData('theme-colors').map((themeColor) => `<tr class="table-${themeColor.name}">...</tr>`),