fix(react-content): Fix mismatch between table width and child elemen…

…t widths (#488)
hashicorp · Jan 14, 2022 · bd8a16d · bd8a16d · vercel · Jan 14, 2022
1 parent 0823c60
commit bd8a16d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/spicy-geckos-type.md b/.changeset/spicy-geckos-type.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-content': patch
+---
+
+Update table styles so that the top-level table width and child table element widths do not get mismatched, while still retaining the max-width and x-axis scroll.
diff --git a/packages/content/styles/table.module.css b/packages/content/styles/table.module.css
@@ -7,7 +7,7 @@
     border: 1px solid #ddd;
     border-right: 0;
     background-color: transparent;
-    width: 100%;
+    width: max-content;
     max-width: 100%;
     margin-bottom: 20px;