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>