From d464690990dbf125775eb1283ce2ecd80f74ff05 Mon Sep 17 00:00:00 2001
From: Mohamed Khelif <mohamed.khelif@mongodb.com>
Date: Wed, 17 Jan 2024 13:16:57 -0500
Subject: [PATCH] Bump snapshots

---
 .../EditableTagField.stories.storyshot        |    6 +-
 .../HistoryTableTestSearch.stories.storyshot  |    2 +-
 .../SpruceForm.stories.storyshot              |    2 +-
 .../__snapshots__/BaseTable.stories.storyshot | 2699 +++++++++++++++--
 .../TaskStatusIconLegend.stories.storyshot    |    2 +-
 .../TextInputWithValidation.stories.storyshot |    2 +-
 .../TupleSelect.stories.storyshot             |    2 +-
 ...lectWithRegexConditional.stories.storyshot |    2 +-
 .../ConfigurePatchCore.stories.storyshot      |    2 +-
 .../TaskDurationTable.stories.storyshot       |   60 +-
 10 files changed, 2518 insertions(+), 261 deletions(-)

diff --git a/src/components/EditableTagField/__snapshots__/EditableTagField.stories.storyshot b/src/components/EditableTagField/__snapshots__/EditableTagField.stories.storyshot
index 0d8c37e827..c0b844ca17 100644
--- a/src/components/EditableTagField/__snapshots__/EditableTagField.stories.storyshot
+++ b/src/components/EditableTagField/__snapshots__/EditableTagField.stories.storyshot
@@ -96,7 +96,7 @@ exports[`Snapshot Tests EditableTagField.stories Default 1`] = `
           <button
             aria-disabled="false"
             aria-label="Delete Tag"
-            class="leafygreen-ui-1xt2asn"
+            class="leafygreen-ui-76dd2i"
             tabindex="0"
           >
             <div
@@ -216,7 +216,7 @@ exports[`Snapshot Tests EditableTagField.stories Default 1`] = `
           <button
             aria-disabled="false"
             aria-label="Delete Tag"
-            class="leafygreen-ui-1xt2asn"
+            class="leafygreen-ui-76dd2i"
             tabindex="0"
           >
             <div
@@ -336,7 +336,7 @@ exports[`Snapshot Tests EditableTagField.stories Default 1`] = `
           <button
             aria-disabled="false"
             aria-label="Delete Tag"
-            class="leafygreen-ui-1xt2asn"
+            class="leafygreen-ui-76dd2i"
             tabindex="0"
           >
             <div
diff --git a/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch.stories.storyshot b/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch.stories.storyshot
index fe25b3eb76..c2053ef788 100644
--- a/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch.stories.storyshot
+++ b/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch.stories.storyshot
@@ -49,7 +49,7 @@ exports[`Snapshot Tests Components/HistoryTable/HistoryTableTestSearch Default 1
           <button
             aria-disabled="false"
             aria-label="Select plus button"
-            class="leafygreen-ui-1xt2asn"
+            class="leafygreen-ui-76dd2i"
             tabindex="0"
           >
             <div
diff --git a/src/components/SpruceForm/__snapshots__/SpruceForm.stories.storyshot b/src/components/SpruceForm/__snapshots__/SpruceForm.stories.storyshot
index bbb2b4cdb1..8cb12a770a 100644
--- a/src/components/SpruceForm/__snapshots__/SpruceForm.stories.storyshot
+++ b/src/components/SpruceForm/__snapshots__/SpruceForm.stories.storyshot
@@ -289,7 +289,7 @@ exports[`Snapshot Tests SpruceForm.stories Example1 1`] = `
                     Valid Projects
                   </label>
                   <textarea
-                    class="leafygreen-ui-j9hxzb"
+                    class="leafygreen-ui-18em0fn"
                     id="textarea-1"
                     rows="5"
                     title="Valid Projects"
diff --git a/src/components/Table/__snapshots__/BaseTable.stories.storyshot b/src/components/Table/__snapshots__/BaseTable.stories.storyshot
index 4b17143fa8..3a77c582ef 100644
--- a/src/components/Table/__snapshots__/BaseTable.stories.storyshot
+++ b/src/components/Table/__snapshots__/BaseTable.stories.storyshot
@@ -27,7 +27,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -98,7 +98,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -169,7 +169,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -231,7 +231,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
       <tbody>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-0"
@@ -296,7 +296,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-1"
@@ -361,7 +361,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-2"
@@ -426,7 +426,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-3"
@@ -491,7 +491,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-4"
@@ -556,7 +556,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-5"
@@ -621,7 +621,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-6"
@@ -686,7 +686,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-7"
@@ -751,7 +751,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-8"
@@ -816,7 +816,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-9"
@@ -881,7 +881,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-10"
@@ -946,7 +946,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-11"
@@ -1011,7 +1011,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-12"
@@ -1076,7 +1076,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-13"
@@ -1141,7 +1141,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-14"
@@ -1206,7 +1206,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-15"
@@ -1271,7 +1271,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-16"
@@ -1336,7 +1336,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-17"
@@ -1401,7 +1401,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-18"
@@ -1466,7 +1466,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-19"
@@ -1531,7 +1531,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-20"
@@ -1596,7 +1596,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-21"
@@ -1661,7 +1661,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-22"
@@ -1726,7 +1726,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-23"
@@ -1791,7 +1791,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-24"
@@ -1856,7 +1856,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-25"
@@ -1921,7 +1921,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-26"
@@ -1986,7 +1986,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-27"
@@ -2051,7 +2051,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-28"
@@ -2116,7 +2116,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-29"
@@ -2181,7 +2181,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-30"
@@ -2246,7 +2246,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-31"
@@ -2311,7 +2311,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-32"
@@ -2376,7 +2376,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-33"
@@ -2441,7 +2441,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-34"
@@ -2506,7 +2506,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-35"
@@ -2571,7 +2571,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-36"
@@ -2636,7 +2636,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-37"
@@ -2701,7 +2701,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-38"
@@ -2766,7 +2766,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-39"
@@ -2831,7 +2831,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-40"
@@ -2896,7 +2896,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-41"
@@ -2961,7 +2961,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-42"
@@ -3026,7 +3026,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-43"
@@ -3091,7 +3091,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-44"
@@ -3156,7 +3156,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-45"
@@ -3221,7 +3221,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-46"
@@ -3286,7 +3286,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-47"
@@ -3351,7 +3351,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-48"
@@ -3416,7 +3416,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-49"
@@ -3481,7 +3481,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-50"
@@ -3546,7 +3546,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-51"
@@ -3611,7 +3611,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-52"
@@ -3676,7 +3676,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-53"
@@ -3741,7 +3741,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-54"
@@ -3806,7 +3806,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-55"
@@ -3871,7 +3871,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-56"
@@ -3936,7 +3936,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-57"
@@ -4001,7 +4001,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-58"
@@ -4066,7 +4066,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-59"
@@ -4131,7 +4131,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-60"
@@ -4196,7 +4196,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-61"
@@ -4261,7 +4261,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-62"
@@ -4326,7 +4326,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-63"
@@ -4391,7 +4391,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-64"
@@ -4456,7 +4456,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-65"
@@ -4521,7 +4521,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-66"
@@ -4586,7 +4586,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-67"
@@ -4651,7 +4651,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-68"
@@ -4716,7 +4716,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-69"
@@ -4781,7 +4781,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-70"
@@ -4846,7 +4846,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-71"
@@ -4911,7 +4911,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-72"
@@ -4976,7 +4976,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-73"
@@ -5041,7 +5041,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-74"
@@ -5106,7 +5106,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-75"
@@ -5171,7 +5171,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-76"
@@ -5236,7 +5236,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-77"
@@ -5301,7 +5301,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-78"
@@ -5366,7 +5366,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-79"
@@ -5431,7 +5431,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-80"
@@ -5496,7 +5496,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-81"
@@ -5561,7 +5561,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-82"
@@ -5626,7 +5626,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-83"
@@ -5691,7 +5691,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-84"
@@ -5756,7 +5756,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-85"
@@ -5821,7 +5821,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-86"
@@ -5886,7 +5886,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-87"
@@ -5951,7 +5951,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-88"
@@ -6016,7 +6016,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-89"
@@ -6081,7 +6081,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-90"
@@ -6146,7 +6146,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-91"
@@ -6211,7 +6211,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-92"
@@ -6276,7 +6276,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-93"
@@ -6341,7 +6341,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-94"
@@ -6406,7 +6406,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-95"
@@ -6471,7 +6471,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-96"
@@ -6536,7 +6536,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-97"
@@ -6601,7 +6601,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-98"
@@ -6666,7 +6666,7 @@ exports[`Snapshot Tests BaseTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-99"
@@ -6762,7 +6762,7 @@ exports[`Snapshot Tests BaseTable.stories EmptyState 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -6833,7 +6833,7 @@ exports[`Snapshot Tests BaseTable.stories EmptyState 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -6904,7 +6904,7 @@ exports[`Snapshot Tests BaseTable.stories EmptyState 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -6997,7 +6997,7 @@ exports[`Snapshot Tests BaseTable.stories Loading 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -7068,7 +7068,7 @@ exports[`Snapshot Tests BaseTable.stories Loading 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -7139,7 +7139,7 @@ exports[`Snapshot Tests BaseTable.stories Loading 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -7432,7 +7432,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -7503,7 +7503,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -7574,7 +7574,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -7639,7 +7639,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-0"
@@ -7734,7 +7734,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.0"
         >
@@ -7800,7 +7800,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-1"
@@ -7895,7 +7895,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-1.0"
         >
@@ -7961,7 +7961,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-2"
@@ -8056,7 +8056,7 @@ exports[`Snapshot Tests BaseTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-2.0"
         >
@@ -8148,7 +8148,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -8219,7 +8219,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -8290,7 +8290,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   tabindex="0"
                 >
                   <div
@@ -8355,7 +8355,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-0"
@@ -8450,7 +8450,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.0"
         >
@@ -8516,7 +8516,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-1"
@@ -8611,7 +8611,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-1.0"
         >
@@ -8677,7 +8677,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-2"
@@ -8772,7 +8772,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-2.0"
         >
@@ -8838,7 +8838,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-3"
@@ -8933,7 +8933,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-3.0"
         >
@@ -8999,7 +8999,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-4"
@@ -9094,7 +9094,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-4.0"
         >
@@ -9160,7 +9160,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-5"
@@ -9255,7 +9255,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-5.0"
         >
@@ -9321,7 +9321,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-6"
@@ -9416,7 +9416,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-6.0"
         >
@@ -9482,7 +9482,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-7"
@@ -9577,7 +9577,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-7.0"
         >
@@ -9643,7 +9643,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-8"
@@ -9738,7 +9738,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-8.0"
         >
@@ -9804,7 +9804,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-9"
@@ -9899,7 +9899,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-9.0"
         >
@@ -9965,7 +9965,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-10"
@@ -10060,7 +10060,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-10.0"
         >
@@ -10126,7 +10126,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-11"
@@ -10221,7 +10221,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-11.0"
         >
@@ -10287,7 +10287,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-12"
@@ -10382,7 +10382,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-12.0"
         >
@@ -10448,7 +10448,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-13"
@@ -10543,7 +10543,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-13.0"
         >
@@ -10609,7 +10609,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-14"
@@ -10704,7 +10704,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-14.0"
         >
@@ -10770,7 +10770,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-15"
@@ -10865,7 +10865,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-15.0"
         >
@@ -10931,7 +10931,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-16"
@@ -11026,7 +11026,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-16.0"
         >
@@ -11092,7 +11092,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-17"
@@ -11187,7 +11187,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-17.0"
         >
@@ -11253,7 +11253,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-18"
@@ -11348,7 +11348,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-18.0"
         >
@@ -11414,7 +11414,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-19"
@@ -11509,7 +11509,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-19.0"
         >
@@ -11575,7 +11575,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-20"
@@ -11670,7 +11670,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-20.0"
         >
@@ -11736,7 +11736,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-21"
@@ -11831,7 +11831,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-21.0"
         >
@@ -11897,7 +11897,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-22"
@@ -11992,7 +11992,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-22.0"
         >
@@ -12058,7 +12058,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-23"
@@ -12153,7 +12153,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-23.0"
         >
@@ -12219,7 +12219,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-24"
@@ -12314,7 +12314,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-24.0"
         >
@@ -12380,7 +12380,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-25"
@@ -12475,7 +12475,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-25.0"
         >
@@ -12541,7 +12541,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-26"
@@ -12636,7 +12636,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-26.0"
         >
@@ -12702,7 +12702,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-27"
@@ -12797,7 +12797,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-27.0"
         >
@@ -12863,7 +12863,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-28"
@@ -12958,7 +12958,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-28.0"
         >
@@ -13024,7 +13024,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-29"
@@ -13119,7 +13119,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-29.0"
         >
@@ -13185,7 +13185,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-30"
@@ -13280,7 +13280,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-30.0"
         >
@@ -13346,7 +13346,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-31"
@@ -13441,7 +13441,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-31.0"
         >
@@ -13507,7 +13507,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-32"
@@ -13602,7 +13602,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-32.0"
         >
@@ -13668,7 +13668,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-33"
@@ -13763,7 +13763,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-33.0"
         >
@@ -13829,7 +13829,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-34"
@@ -13924,7 +13924,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-34.0"
         >
@@ -13990,7 +13990,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-35"
@@ -14085,7 +14085,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-35.0"
         >
@@ -14151,7 +14151,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-36"
@@ -14246,7 +14246,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-36.0"
         >
@@ -14312,7 +14312,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-37"
@@ -14407,7 +14407,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-37.0"
         >
@@ -14473,7 +14473,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-38"
@@ -14568,7 +14568,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-38.0"
         >
@@ -14634,7 +14634,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-39"
@@ -14729,7 +14729,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-39.0"
         >
@@ -14795,7 +14795,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-40"
@@ -14890,7 +14890,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-40.0"
         >
@@ -14956,7 +14956,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-41"
@@ -15051,7 +15051,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-41.0"
         >
@@ -15117,7 +15117,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-42"
@@ -15212,7 +15212,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-42.0"
         >
@@ -15278,7 +15278,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-43"
@@ -15373,7 +15373,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-43.0"
         >
@@ -15439,7 +15439,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-44"
@@ -15534,7 +15534,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-44.0"
         >
@@ -15600,7 +15600,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-45"
@@ -15695,7 +15695,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-45.0"
         >
@@ -15761,7 +15761,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-46"
@@ -15856,7 +15856,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-46.0"
         >
@@ -15922,7 +15922,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-47"
@@ -16017,7 +16017,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-47.0"
         >
@@ -16083,7 +16083,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-48"
@@ -16178,7 +16178,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-48.0"
         >
@@ -16244,7 +16244,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-49"
@@ -16339,7 +16339,7 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-49.0"
         >
@@ -16403,3 +16403,2260 @@ exports[`Snapshot Tests BaseTable.stories NestedRows 1`] = `
   </div>
 </div>
 `;
+
+exports[`Snapshot Tests BaseTable.stories VirtualTable 1`] = `
+<div>
+  <div
+    class="leafygreen-ui-1xn4uvd leafygreen-ui-13vi68r css-1wf6e6y-StyledTable e1bwwd861"
+    tabindex="0"
+  >
+    <table
+      class="leafygreen-ui-1soynca"
+    >
+      <thead
+        class="leafygreen-ui-bebmcm"
+      >
+        <tr>
+          <th
+            class="leafygreen-ui-1d220if"
+            scope="col"
+          >
+            <div
+              class="leafygreen-ui-upmv86"
+            >
+              Name
+              <div
+                class="css-1ewdmxn-SearchWrapper e1umzslw0"
+              >
+                <button
+                  aria-disabled="false"
+                  aria-label="Table Search Popover Icon"
+                  class="leafygreen-ui-76dd2i"
+                  tabindex="0"
+                >
+                  <div
+                    class="leafygreen-ui-xhlipt"
+                  >
+                    <svg
+                      aria-label="Magnifying Glass Icon"
+                      class=""
+                      color="#3D4F58"
+                      fill="none"
+                      height="16"
+                      role="img"
+                      small="xsmall"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M2.323 9.819a5.302 5.302 0 0 0 6.463.805l4.144 4.144a1.3 1.3 0 1 0 1.838-1.838l-4.144-4.144a5.302 5.302 0 0 0-8.3-6.463 5.3 5.3 0 0 0 0 7.496ZM7.98 4.162A2.7 2.7 0 1 1 4.162 7.98 2.7 2.7 0 0 1 7.98 4.162Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                </button>
+              </div>
+              <button
+                aria-disabled="false"
+                aria-label="Sort by Name"
+                class="leafygreen-ui-76dd2i"
+                data-testid="lg-table-sort-icon-button"
+                tabindex="0"
+              >
+                <div
+                  class="leafygreen-ui-xhlipt"
+                >
+                  <svg
+                    aria-label="Unsorted Icon"
+                    class="leafygreen-ui-jc2z8v"
+                    fill="none"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.685 1.143c.22-.19.545-.19.765 0l2.482 2.149a.584.584 0 0 1-.383 1.026H5.236v7.364H6.55c.541 0 .792.672.383 1.026l-2.482 2.15a.584.584 0 0 1-.765 0l-2.482-2.15a.584.584 0 0 1 .383-1.026h1.312V4.318H1.586a.584.584 0 0 1-.383-1.026l2.482-2.15ZM8 8a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1ZM9 4a1 1 0 0 0 0 2h5a1 1 0 1 0 0-2H9ZM8 11a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </div>
+          </th>
+          <th
+            class="leafygreen-ui-9k08ec"
+            scope="col"
+          >
+            <div
+              class="leafygreen-ui-upmv86"
+            >
+              Type
+              <div
+                class="css-1ewdmxn-SearchWrapper e1umzslw0"
+              >
+                <button
+                  aria-disabled="false"
+                  aria-label="Table Search Popover Icon"
+                  class="leafygreen-ui-76dd2i"
+                  tabindex="0"
+                >
+                  <div
+                    class="leafygreen-ui-xhlipt"
+                  >
+                    <svg
+                      aria-label="Magnifying Glass Icon"
+                      class=""
+                      color="#3D4F58"
+                      fill="none"
+                      height="16"
+                      role="img"
+                      small="xsmall"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M2.323 9.819a5.302 5.302 0 0 0 6.463.805l4.144 4.144a1.3 1.3 0 1 0 1.838-1.838l-4.144-4.144a5.302 5.302 0 0 0-8.3-6.463 5.3 5.3 0 0 0 0 7.496ZM7.98 4.162A2.7 2.7 0 1 1 4.162 7.98 2.7 2.7 0 0 1 7.98 4.162Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                </button>
+              </div>
+              <button
+                aria-disabled="false"
+                aria-label="Sort by Type"
+                class="leafygreen-ui-76dd2i"
+                data-testid="lg-table-sort-icon-button"
+                tabindex="0"
+              >
+                <div
+                  class="leafygreen-ui-xhlipt"
+                >
+                  <svg
+                    aria-label="Unsorted Icon"
+                    class="leafygreen-ui-jc2z8v"
+                    fill="none"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.685 1.143c.22-.19.545-.19.765 0l2.482 2.149a.584.584 0 0 1-.383 1.026H5.236v7.364H6.55c.541 0 .792.672.383 1.026l-2.482 2.15a.584.584 0 0 1-.765 0l-2.482-2.15a.584.584 0 0 1 .383-1.026h1.312V4.318H1.586a.584.584 0 0 1-.383-1.026l2.482-2.15ZM8 8a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1ZM9 4a1 1 0 0 0 0 2h5a1 1 0 1 0 0-2H9ZM8 11a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </div>
+          </th>
+          <th
+            class="leafygreen-ui-9k08ec"
+            scope="col"
+          >
+            <div
+              class="leafygreen-ui-upmv86"
+            >
+              Size
+              <div
+                class="css-1ewdmxn-SearchWrapper e1umzslw0"
+              >
+                <button
+                  aria-disabled="false"
+                  aria-label="Table Search Popover Icon"
+                  class="leafygreen-ui-76dd2i"
+                  tabindex="0"
+                >
+                  <div
+                    class="leafygreen-ui-xhlipt"
+                  >
+                    <svg
+                      aria-label="Magnifying Glass Icon"
+                      class=""
+                      color="#3D4F58"
+                      fill="none"
+                      height="16"
+                      role="img"
+                      small="xsmall"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M2.323 9.819a5.302 5.302 0 0 0 6.463.805l4.144 4.144a1.3 1.3 0 1 0 1.838-1.838l-4.144-4.144a5.302 5.302 0 0 0-8.3-6.463 5.3 5.3 0 0 0 0 7.496ZM7.98 4.162A2.7 2.7 0 1 1 4.162 7.98 2.7 2.7 0 0 1 7.98 4.162Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                </button>
+              </div>
+              <button
+                aria-disabled="false"
+                aria-label="Sort by Size"
+                class="leafygreen-ui-76dd2i"
+                data-testid="lg-table-sort-icon-button"
+                tabindex="0"
+              >
+                <div
+                  class="leafygreen-ui-xhlipt"
+                >
+                  <svg
+                    aria-label="Unsorted Icon"
+                    class="leafygreen-ui-jc2z8v"
+                    fill="none"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.685 1.143c.22-.19.545-.19.765 0l2.482 2.149a.584.584 0 0 1-.383 1.026H5.236v7.364H6.55c.541 0 .792.672.383 1.026l-2.482 2.15a.584.584 0 0 1-.765 0l-2.482-2.15a.584.584 0 0 1 .383-1.026h1.312V4.318H1.586a.584.584 0 0 1-.383-1.026l2.482-2.15ZM8 8a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1ZM9 4a1 1 0 0 0 0 2h5a1 1 0 1 0 0-2H9ZM8 11a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </div>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-0"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 0
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 0
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 0
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-1"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 1
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 1
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 1
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-2"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 2
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 2
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 2
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-3"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 3
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 3
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 3
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-4"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 4
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 4
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 4
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-5"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 5
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 5
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 5
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-6"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 6
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 6
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 6
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-7"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 7
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 7
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 7
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-8"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 8
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 8
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 8
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-9"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 9
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 9
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 9
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-10"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 10
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 10
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 10
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-11"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 11
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 11
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 11
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-12"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 12
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 12
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 12
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-13"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 13
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 13
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 13
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-14"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 14
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 14
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 14
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-15"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 15
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 15
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 15
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-16"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 16
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 16
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 16
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-17"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 17
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 17
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 17
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-18"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 18
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 18
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 18
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-19"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 19
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 19
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 19
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-20"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 20
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 20
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 20
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-21"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 21
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 21
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 21
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-22"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 22
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 22
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 22
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-23"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 23
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 23
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 23
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-24"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 24
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 24
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 24
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-25"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 25
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 25
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 25
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-26"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 26
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 26
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 26
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-27"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 27
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 27
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 27
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-28"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 28
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 28
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 28
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-16yodxz leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-29"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 29
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 29
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 29
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="false"
+          class="leafygreen-ui-1cl06l1"
+          data-cy="leafygreen-table-row"
+          data-selected="false"
+          id="lg-table-row-30"
+        >
+          <td
+            class="leafygreen-ui-ygreag"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  name 30
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  type 30
+                </span>
+              </div>
+            </div>
+          </td>
+          <td
+            class="leafygreen-ui-1jjbxr6"
+            style="padding: 4px 2px;"
+          >
+            <div
+              class="leafygreen-ui-1a8pnbv"
+              data-state="entered"
+            >
+              <div
+                style="padding: 8px 0px;"
+              >
+                <span
+                  class="css-vgecki-WordBreak-wordBreakCss e142uq4k0"
+                >
+                  size 30
+                </span>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          aria-hidden="true"
+        >
+          <td
+            style="height: 498450px;"
+          />
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;
diff --git a/src/components/TaskStatusIconLegend/__snapshots__/TaskStatusIconLegend.stories.storyshot b/src/components/TaskStatusIconLegend/__snapshots__/TaskStatusIconLegend.stories.storyshot
index 7e730d0a86..a2cc2a4fb2 100644
--- a/src/components/TaskStatusIconLegend/__snapshots__/TaskStatusIconLegend.stories.storyshot
+++ b/src/components/TaskStatusIconLegend/__snapshots__/TaskStatusIconLegend.stories.storyshot
@@ -345,7 +345,7 @@ exports[`Snapshot Tests TaskStatusIconLegend.stories LegendWithButton 1`] = `
     <button
       aria-disabled="false"
       aria-label="Task Status Icon Legend"
-      class="leafygreen-ui-1xt2asn"
+      class="leafygreen-ui-76dd2i"
       tabindex="0"
     >
       <div
diff --git a/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation.stories.storyshot b/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation.stories.storyshot
index 8e13c5c7d8..510da888a5 100644
--- a/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation.stories.storyshot
+++ b/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation.stories.storyshot
@@ -41,7 +41,7 @@ exports[`Snapshot Tests Components/TextInput/TextInputWithValidation Default 1`]
       <button
         aria-disabled="false"
         aria-label="Select plus button"
-        class="leafygreen-ui-1xt2asn"
+        class="leafygreen-ui-76dd2i"
         tabindex="0"
       >
         <div
diff --git a/src/components/TupleSelect/__snapshots__/TupleSelect.stories.storyshot b/src/components/TupleSelect/__snapshots__/TupleSelect.stories.storyshot
index 659379da1e..cd8d05449a 100644
--- a/src/components/TupleSelect/__snapshots__/TupleSelect.stories.storyshot
+++ b/src/components/TupleSelect/__snapshots__/TupleSelect.stories.storyshot
@@ -97,7 +97,7 @@ exports[`Snapshot Tests TupleSelect.stories Default 1`] = `
           <button
             aria-disabled="false"
             aria-label="Select plus button"
-            class="leafygreen-ui-1xt2asn"
+            class="leafygreen-ui-76dd2i"
             tabindex="0"
           >
             <div
diff --git a/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional.stories.storyshot b/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional.stories.storyshot
index 9c97506611..ca7625d677 100644
--- a/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional.stories.storyshot
+++ b/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional.stories.storyshot
@@ -176,7 +176,7 @@ exports[`Snapshot Tests Components/TupleSelect WithConditional 1`] = `
           <button
             aria-disabled="false"
             aria-label="Select plus button"
-            class="leafygreen-ui-1xt2asn"
+            class="leafygreen-ui-76dd2i"
             tabindex="0"
           >
             <div
diff --git a/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore.stories.storyshot b/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore.stories.storyshot
index df3ad519f8..25e7a3697d 100644
--- a/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore.stories.storyshot
+++ b/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore.stories.storyshot
@@ -333,7 +333,7 @@ exports[`Snapshot Tests pages/configurePatch/configurePatchCore ConfigureTasksDe
                       <button
                         aria-disabled="false"
                         aria-label="Select plus button"
-                        class="leafygreen-ui-1xt2asn"
+                        class="leafygreen-ui-76dd2i"
                         tabindex="0"
                       >
                         <div
diff --git a/src/pages/version/taskDuration/__snapshots__/TaskDurationTable.stories.storyshot b/src/pages/version/taskDuration/__snapshots__/TaskDurationTable.stories.storyshot
index d94bf295cc..ca13e17419 100644
--- a/src/pages/version/taskDuration/__snapshots__/TaskDurationTable.stories.storyshot
+++ b/src/pages/version/taskDuration/__snapshots__/TaskDurationTable.stories.storyshot
@@ -28,7 +28,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   data-cy="task-name-filter-popover"
                   tabindex="0"
                 >
@@ -73,7 +73,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Filter Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   data-cy="status-filter-popover"
                   tabindex="0"
                 >
@@ -118,7 +118,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   data-cy="build-variant-filter-popover"
                   tabindex="0"
                 >
@@ -194,7 +194,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-0"
@@ -307,7 +307,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.0"
         >
@@ -385,7 +385,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.1"
         >
@@ -468,7 +468,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-1"
@@ -559,7 +559,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-2"
@@ -650,7 +650,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-3"
@@ -741,7 +741,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-4"
@@ -832,7 +832,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-5"
@@ -923,7 +923,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-6"
@@ -1014,7 +1014,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-7"
@@ -1105,7 +1105,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-8"
@@ -1196,7 +1196,7 @@ exports[`Snapshot Tests TaskDurationTable.stories Default 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-9"
@@ -1314,7 +1314,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   data-cy="task-name-filter-popover"
                   tabindex="0"
                 >
@@ -1359,7 +1359,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Filter Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   data-cy="status-filter-popover"
                   tabindex="0"
                 >
@@ -1404,7 +1404,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
                 <button
                   aria-disabled="false"
                   aria-label="Table Search Popover Icon"
-                  class="leafygreen-ui-1xt2asn"
+                  class="leafygreen-ui-76dd2i"
                   data-cy="build-variant-filter-popover"
                   tabindex="0"
                 >
@@ -1480,7 +1480,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
       >
         <tr
           aria-hidden="false"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-2thvc"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-1cl06l1"
           data-cy="leafygreen-table-row"
           data-selected="false"
           id="lg-table-row-0"
@@ -1593,7 +1593,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.0"
         >
@@ -1671,7 +1671,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.1"
         >
@@ -1749,7 +1749,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.2"
         >
@@ -1827,7 +1827,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.3"
         >
@@ -1905,7 +1905,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.4"
         >
@@ -1983,7 +1983,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.5"
         >
@@ -2061,7 +2061,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.6"
         >
@@ -2139,7 +2139,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.7"
         >
@@ -2217,7 +2217,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.8"
         >
@@ -2295,7 +2295,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.9"
         >
@@ -2373,7 +2373,7 @@ exports[`Snapshot Tests TaskDurationTable.stories LongContent 1`] = `
         </tr>
         <tr
           aria-hidden="true"
-          class="leafygreen-ui-1tnpggy leafygreen-ui-hxqm81"
+          class="leafygreen-ui-1tnpggy leafygreen-ui-rr51xv"
           data-selected="false"
           id="lg-table-row-0.10"
         >