From 543b3a180d06a2cb36a64b7c85bbb07711a14292 Mon Sep 17 00:00:00 2001
From: pastelcyborg <168636120+pastelcyborg@users.noreply.github.com>
Date: Tue, 17 Sep 2024 15:23:07 -0400
Subject: [PATCH] Apply static widths to table columns

---
 templates/docs/patterns/hero/index.md        | 20 ++++++++++----------
 templates/docs/patterns/tiered-list/index.md | 20 ++++++++++----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/templates/docs/patterns/hero/index.md b/templates/docs/patterns/hero/index.md
index f0346bc6d..d052e687a 100644
--- a/templates/docs/patterns/hero/index.md
+++ b/templates/docs/patterns/hero/index.md
@@ -28,14 +28,14 @@ The hero pattern is composed of the following elements:
 ### Parameters
 
 <div style="overflow: auto;">
-  <table style="overflow: visible;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 20%;">Name</th>
-        <th style="width: 10%;">Required?</th>
-        <th style="width: 25%;">Type</th>
-        <th style="width: 15%;">Default</th>
-        <th style="width: 30%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 160px;">Type</th>
+        <th style="width: 160px;">Default</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>
@@ -119,12 +119,12 @@ The hero pattern is composed of the following elements:
 ### Slots
 
 <div style="overflow: auto;">
-  <table style="overflow: visible;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 20%;">Name</th>
-        <th style="width: 25%;">Required?</th>
-        <th style="width: 55%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>
diff --git a/templates/docs/patterns/tiered-list/index.md b/templates/docs/patterns/tiered-list/index.md
index 3ceac6beb..cd4b364ed 100644
--- a/templates/docs/patterns/tiered-list/index.md
+++ b/templates/docs/patterns/tiered-list/index.md
@@ -32,14 +32,14 @@ The tiered list pattern is composed of the following elements:
 ### Parameters
 
 <div style="overflow: auto;">
-  <table style="overflow: visible; width: auto;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 20%;">Name</th>
-        <th style="width: 15%;">Required?</th>
-        <th style="width: 15%;">Type</th>
-        <th style="width: 15%;">Default</th>
-        <th style="width: 35%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 160px;">Type</th>
+        <th style="width: 160px;">Default</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>
@@ -84,12 +84,12 @@ The tiered list pattern is composed of the following elements:
 ### Slots
 
 <div style="overflow: auto;">
-  <table style="overflow: visible;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 30%;">Name</th>
-        <th style="width: 25%;">Required?</th>
-        <th style="width: 45%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>