From a9ecbf991ca6c875543233467b82011a72252fc0 Mon Sep 17 00:00:00 2001
From: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Date: Thu, 7 Dec 2023 16:35:08 +0000
Subject: [PATCH] updating test snapshoots for button_content.tsx

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
---
 .../__snapshots__/skip_link.test.tsx.snap     |  24 +-
 .../in_memory_table.test.tsx.snap             |  12 +-
 .../button/__snapshots__/button.test.tsx.snap | 101 ++---
 .../button_content.test.tsx.snap              |  25 +-
 .../__snapshots__/button_empty.test.tsx.snap  |  97 ++---
 .../__snapshots__/button_group.test.tsx.snap  | 384 +++++-------------
 .../card/__snapshots__/card.test.tsx.snap     |   8 +-
 .../__snapshots__/card_select.test.tsx.snap   |  20 +-
 .../__snapshots__/control_bar.test.tsx.snap   |  56 +--
 .../__snapshots__/data_grid.test.tsx.snap     |  60 +--
 .../__snapshots__/filter_button.test.tsx.snap |  40 +-
 .../__snapshots__/header_link.test.tsx.snap   |  12 +-
 .../__snapshots__/header_links.test.tsx.snap  |   4 +-
 .../header_section_item_button.test.tsx.snap  |  24 +-
 .../markdown_editor.test.tsx.snap             |  20 +-
 .../__snapshots__/confirm_modal.test.tsx.snap |  16 +-
 .../notification_event.test.tsx.snap          |   8 +-
 .../__snapshots__/pagination.test.tsx.snap    |   4 +-
 .../pagination_button.test.tsx.snap           |   4 +-
 .../__snapshots__/side_nav.test.tsx.snap      |   4 +-
 .../table_sort_mobile.test.tsx.snap           |   4 +-
 .../table_pagination.test.tsx.snap            |  44 +-
 22 files changed, 242 insertions(+), 729 deletions(-)

diff --git a/src/components/accessibility/__snapshots__/skip_link.test.tsx.snap b/src/components/accessibility/__snapshots__/skip_link.test.tsx.snap
index a06b117221..4deb267d9a 100644
--- a/src/components/accessibility/__snapshots__/skip_link.test.tsx.snap
+++ b/src/components/accessibility/__snapshots__/skip_link.test.tsx.snap
@@ -11,9 +11,7 @@ exports[`OuiSkipLink is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     >
@@ -32,9 +30,7 @@ exports[`OuiSkipLink props onClick is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -51,9 +47,7 @@ exports[`OuiSkipLink props position absolute is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -71,9 +65,7 @@ exports[`OuiSkipLink props position fixed is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -90,9 +82,7 @@ exports[`OuiSkipLink props position static is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -110,9 +100,7 @@ exports[`OuiSkipLink props tabIndex is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
diff --git a/src/components/basic_table/__snapshots__/in_memory_table.test.tsx.snap b/src/components/basic_table/__snapshots__/in_memory_table.test.tsx.snap
index 6acb2294a2..417a6fa08e 100644
--- a/src/components/basic_table/__snapshots__/in_memory_table.test.tsx.snap
+++ b/src/components/basic_table/__snapshots__/in_memory_table.test.tsx.snap
@@ -418,9 +418,7 @@ exports[`OuiInMemoryTable behavior pagination 1`] = `
                                 <span
                                   className="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
                                 >
-                                  <span
-                                    className=""
-                                  >
+                                  <span>
                                     <OuiIcon
                                       className="ouiButtonContent__icon"
                                       color="inherit"
@@ -591,9 +589,7 @@ exports[`OuiInMemoryTable behavior pagination 1`] = `
                                           <span
                                             className="ouiButtonContent ouiButtonEmpty__content"
                                           >
-                                            <span
-                                              className=""
-                                            />
+                                            <span />
                                             <span
                                               className="ouiButtonEmpty__text"
                                             >
@@ -677,9 +673,7 @@ exports[`OuiInMemoryTable behavior pagination 1`] = `
                                           <span
                                             className="ouiButtonContent ouiButtonEmpty__content"
                                           >
-                                            <span
-                                              className=""
-                                            />
+                                            <span />
                                             <span
                                               className="ouiButtonEmpty__text"
                                             >
diff --git a/src/components/button/__snapshots__/button.test.tsx.snap b/src/components/button/__snapshots__/button.test.tsx.snap
index d783a4880e..6eea10a277 100644
--- a/src/components/button/__snapshots__/button.test.tsx.snap
+++ b/src/components/button/__snapshots__/button.test.tsx.snap
@@ -10,9 +10,7 @@ exports[`OuiButton is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     >
@@ -30,9 +28,7 @@ exports[`OuiButton props color accent is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -48,9 +44,7 @@ exports[`OuiButton props color danger is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -66,9 +60,7 @@ exports[`OuiButton props color ghost is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -84,9 +76,7 @@ exports[`OuiButton props color primary is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -102,9 +92,7 @@ exports[`OuiButton props color secondary is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -120,9 +108,7 @@ exports[`OuiButton props color success is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -138,9 +124,7 @@ exports[`OuiButton props color text is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -156,9 +140,7 @@ exports[`OuiButton props color warning is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -176,9 +158,7 @@ exports[`OuiButton props contentProps is rendered 1`] = `
     class="ouiButtonContent ouiButton__content testClass1 testClass2"
     data-test-subj="test subject string"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     >
@@ -196,9 +176,7 @@ exports[`OuiButton props fill is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -214,9 +192,7 @@ exports[`OuiButton props fullWidth is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -234,9 +210,7 @@ exports[`OuiButton props href secures the rel attribute when the target is _blan
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -252,9 +226,7 @@ exports[`OuiButton props iconSide left is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
@@ -278,9 +250,7 @@ exports[`OuiButton props iconSide right is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButton__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
@@ -304,9 +274,7 @@ exports[`OuiButton props iconType is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
@@ -329,9 +297,7 @@ exports[`OuiButton props isDisabled is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -348,9 +314,7 @@ exports[`OuiButton props isDisabled renders a button even when href is defined 1
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -367,9 +331,7 @@ exports[`OuiButton props isDisabled renders if passed as disabled 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -386,9 +348,7 @@ exports[`OuiButton props isLoading is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiLoadingSpinner ouiLoadingSpinner--medium ouiButtonContent__spinner"
       />
@@ -409,9 +369,7 @@ exports[`OuiButton props isSelected is rendered as false 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -428,9 +386,7 @@ exports[`OuiButton props isSelected is rendered as true 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -447,9 +403,7 @@ exports[`OuiButton props minWidth is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -465,9 +419,7 @@ exports[`OuiButton props size m is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -483,9 +435,7 @@ exports[`OuiButton props size s is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButton__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButton__text"
     />
@@ -503,7 +453,6 @@ exports[`OuiButton props textProps is rendered 1`] = `
   >
     <span
       aria-label="aria-label"
-      class=""
       data-test-subj="test subject string"
     />
     <span
diff --git a/src/components/button/__snapshots__/button_content.test.tsx.snap b/src/components/button/__snapshots__/button_content.test.tsx.snap
index e00cef4581..ad55426a38 100644
--- a/src/components/button/__snapshots__/button_content.test.tsx.snap
+++ b/src/components/button/__snapshots__/button_content.test.tsx.snap
@@ -6,9 +6,7 @@ exports[`OuiButtonContent is rendered 1`] = `
   class="ouiButtonContent testClass1 testClass2"
   data-test-subj="test subject string"
 >
-  <span
-    class=""
-  />
+  <span />
   <span />
 </span>
 `;
@@ -17,9 +15,7 @@ exports[`OuiButtonContent props children is rendered 1`] = `
 <span
   class="ouiButtonContent"
 >
-  <span
-    class=""
-  />
+  <span />
   <span>
     Content
   </span>
@@ -30,9 +26,7 @@ exports[`OuiButtonContent props iconSide is rendered 1`] = `
 <span
   class="ouiButtonContent ouiButtonContent--iconRight"
 >
-  <span
-    class=""
-  >
+  <span>
     <span
       class="ouiButtonContent__icon"
       color="inherit"
@@ -47,9 +41,7 @@ exports[`OuiButtonContent props iconType is rendered 1`] = `
 <span
   class="ouiButtonContent"
 >
-  <span
-    class=""
-  >
+  <span>
     <span
       class="ouiButtonContent__icon"
       color="inherit"
@@ -64,9 +56,7 @@ exports[`OuiButtonContent props isLoading is rendered 1`] = `
 <span
   class="ouiButtonContent"
 >
-  <span
-    class=""
-  >
+  <span>
     <span
       class="ouiLoadingSpinner ouiLoadingSpinner--medium ouiButtonContent__spinner"
     />
@@ -79,9 +69,7 @@ exports[`OuiButtonContent props isLoading replaces iconType with spinner 1`] = `
 <span
   class="ouiButtonContent"
 >
-  <span
-    class=""
-  >
+  <span>
     <span
       class="ouiLoadingSpinner ouiLoadingSpinner--medium ouiButtonContent__spinner"
     />
@@ -96,7 +84,6 @@ exports[`OuiButtonContent props textProps is rendered 1`] = `
 >
   <span
     aria-label="aria-label"
-    class=""
     data-test-subj="test subject string"
   />
   <span
diff --git a/src/components/button/button_empty/__snapshots__/button_empty.test.tsx.snap b/src/components/button/button_empty/__snapshots__/button_empty.test.tsx.snap
index 222605a514..3b9bc9d3df 100644
--- a/src/components/button/button_empty/__snapshots__/button_empty.test.tsx.snap
+++ b/src/components/button/button_empty/__snapshots__/button_empty.test.tsx.snap
@@ -10,9 +10,7 @@ exports[`OuiButtonEmpty is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -30,9 +28,7 @@ exports[`OuiButtonEmpty props color danger is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -48,9 +44,7 @@ exports[`OuiButtonEmpty props color ghost is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -66,9 +60,7 @@ exports[`OuiButtonEmpty props color primary is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -84,9 +76,7 @@ exports[`OuiButtonEmpty props color success is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -102,9 +92,7 @@ exports[`OuiButtonEmpty props color text is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -120,9 +108,7 @@ exports[`OuiButtonEmpty props color warning is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -140,9 +126,7 @@ exports[`OuiButtonEmpty props contentProps is rendered 1`] = `
     class="ouiButtonContent ouiButtonEmpty__content testClass1 testClass2"
     data-test-subj="test subject string"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -160,9 +144,7 @@ exports[`OuiButtonEmpty props flush both is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -178,9 +160,7 @@ exports[`OuiButtonEmpty props flush left is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -196,9 +176,7 @@ exports[`OuiButtonEmpty props flush right is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -216,9 +194,7 @@ exports[`OuiButtonEmpty props href secures the rel attribute when the target is
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -234,9 +210,7 @@ exports[`OuiButtonEmpty props iconSide left is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
@@ -260,9 +234,7 @@ exports[`OuiButtonEmpty props iconSide right is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
@@ -286,9 +258,7 @@ exports[`OuiButtonEmpty props iconType is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
@@ -311,9 +281,7 @@ exports[`OuiButtonEmpty props isDisabled is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -330,9 +298,7 @@ exports[`OuiButtonEmpty props isDisabled renders a button even when href is defi
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -349,9 +315,7 @@ exports[`OuiButtonEmpty props isDisabled renders if passed simply as disabled 1`
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -368,9 +332,7 @@ exports[`OuiButtonEmpty props isLoading is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiLoadingSpinner ouiLoadingSpinner--medium ouiButtonContent__spinner"
       />
@@ -391,9 +353,7 @@ exports[`OuiButtonEmpty props isSelected is rendered as false 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -410,9 +370,7 @@ exports[`OuiButtonEmpty props isSelected is rendered as true 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -428,9 +386,7 @@ exports[`OuiButtonEmpty props size l is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -446,9 +402,7 @@ exports[`OuiButtonEmpty props size s is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -464,9 +418,7 @@ exports[`OuiButtonEmpty props size xs is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -484,7 +436,6 @@ exports[`OuiButtonEmpty props textProps is rendered 1`] = `
   >
     <span
       aria-label="aria-label"
-      class=""
       data-test-subj="test subject string"
     />
     <span
diff --git a/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap b/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap
index fde35c1a7d..1ab242aa03 100644
--- a/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap
+++ b/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap
@@ -23,9 +23,7 @@ exports[`OuiButtonGroup button props buttonSize compressed is rendered for multi
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -49,9 +47,7 @@ exports[`OuiButtonGroup button props buttonSize compressed is rendered for multi
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -76,9 +72,7 @@ exports[`OuiButtonGroup button props buttonSize compressed is rendered for multi
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -117,9 +111,7 @@ exports[`OuiButtonGroup button props buttonSize compressed is rendered for singl
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -147,9 +139,7 @@ exports[`OuiButtonGroup button props buttonSize compressed is rendered for singl
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -181,9 +171,7 @@ exports[`OuiButtonGroup button props buttonSize compressed is rendered for singl
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -224,9 +212,7 @@ exports[`OuiButtonGroup button props buttonSize m is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -250,9 +236,7 @@ exports[`OuiButtonGroup button props buttonSize m is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -277,9 +261,7 @@ exports[`OuiButtonGroup button props buttonSize m is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -318,9 +300,7 @@ exports[`OuiButtonGroup button props buttonSize m is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -348,9 +328,7 @@ exports[`OuiButtonGroup button props buttonSize m is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -382,9 +360,7 @@ exports[`OuiButtonGroup button props buttonSize m is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -425,9 +401,7 @@ exports[`OuiButtonGroup button props buttonSize s is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -451,9 +425,7 @@ exports[`OuiButtonGroup button props buttonSize s is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -478,9 +450,7 @@ exports[`OuiButtonGroup button props buttonSize s is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -519,9 +489,7 @@ exports[`OuiButtonGroup button props buttonSize s is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -549,9 +517,7 @@ exports[`OuiButtonGroup button props buttonSize s is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -583,9 +549,7 @@ exports[`OuiButtonGroup button props buttonSize s is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -626,9 +590,7 @@ exports[`OuiButtonGroup button props color accent is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -652,9 +614,7 @@ exports[`OuiButtonGroup button props color accent is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -679,9 +639,7 @@ exports[`OuiButtonGroup button props color accent is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -720,9 +678,7 @@ exports[`OuiButtonGroup button props color accent is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -750,9 +706,7 @@ exports[`OuiButtonGroup button props color accent is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -784,9 +738,7 @@ exports[`OuiButtonGroup button props color accent is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -827,9 +779,7 @@ exports[`OuiButtonGroup button props color danger is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -853,9 +803,7 @@ exports[`OuiButtonGroup button props color danger is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -880,9 +828,7 @@ exports[`OuiButtonGroup button props color danger is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -921,9 +867,7 @@ exports[`OuiButtonGroup button props color danger is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -951,9 +895,7 @@ exports[`OuiButtonGroup button props color danger is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -985,9 +927,7 @@ exports[`OuiButtonGroup button props color danger is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1028,9 +968,7 @@ exports[`OuiButtonGroup button props color ghost is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1054,9 +992,7 @@ exports[`OuiButtonGroup button props color ghost is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1081,9 +1017,7 @@ exports[`OuiButtonGroup button props color ghost is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1122,9 +1056,7 @@ exports[`OuiButtonGroup button props color ghost is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1152,9 +1084,7 @@ exports[`OuiButtonGroup button props color ghost is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1186,9 +1116,7 @@ exports[`OuiButtonGroup button props color ghost is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1229,9 +1157,7 @@ exports[`OuiButtonGroup button props color primary is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1255,9 +1181,7 @@ exports[`OuiButtonGroup button props color primary is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1282,9 +1206,7 @@ exports[`OuiButtonGroup button props color primary is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1323,9 +1245,7 @@ exports[`OuiButtonGroup button props color primary is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1353,9 +1273,7 @@ exports[`OuiButtonGroup button props color primary is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1387,9 +1305,7 @@ exports[`OuiButtonGroup button props color primary is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1430,9 +1346,7 @@ exports[`OuiButtonGroup button props color secondary is rendered for multi 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1456,9 +1370,7 @@ exports[`OuiButtonGroup button props color secondary is rendered for multi 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1483,9 +1395,7 @@ exports[`OuiButtonGroup button props color secondary is rendered for multi 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1524,9 +1434,7 @@ exports[`OuiButtonGroup button props color secondary is rendered for single 1`]
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1554,9 +1462,7 @@ exports[`OuiButtonGroup button props color secondary is rendered for single 1`]
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1588,9 +1494,7 @@ exports[`OuiButtonGroup button props color secondary is rendered for single 1`]
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1631,9 +1535,7 @@ exports[`OuiButtonGroup button props color success is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1657,9 +1559,7 @@ exports[`OuiButtonGroup button props color success is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1684,9 +1584,7 @@ exports[`OuiButtonGroup button props color success is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1725,9 +1623,7 @@ exports[`OuiButtonGroup button props color success is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1755,9 +1651,7 @@ exports[`OuiButtonGroup button props color success is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1789,9 +1683,7 @@ exports[`OuiButtonGroup button props color success is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1832,9 +1724,7 @@ exports[`OuiButtonGroup button props color text is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1858,9 +1748,7 @@ exports[`OuiButtonGroup button props color text is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1885,9 +1773,7 @@ exports[`OuiButtonGroup button props color text is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1926,9 +1812,7 @@ exports[`OuiButtonGroup button props color text is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1956,9 +1840,7 @@ exports[`OuiButtonGroup button props color text is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1990,9 +1872,7 @@ exports[`OuiButtonGroup button props color text is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2033,9 +1913,7 @@ exports[`OuiButtonGroup button props color warning is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2059,9 +1937,7 @@ exports[`OuiButtonGroup button props color warning is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2086,9 +1962,7 @@ exports[`OuiButtonGroup button props color warning is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2127,9 +2001,7 @@ exports[`OuiButtonGroup button props color warning is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2157,9 +2029,7 @@ exports[`OuiButtonGroup button props color warning is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2191,9 +2061,7 @@ exports[`OuiButtonGroup button props color warning is rendered for single 1`] =
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2236,9 +2104,7 @@ exports[`OuiButtonGroup button props isDisabled is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2263,9 +2129,7 @@ exports[`OuiButtonGroup button props isDisabled is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2290,9 +2154,7 @@ exports[`OuiButtonGroup button props isDisabled is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2335,9 +2197,7 @@ exports[`OuiButtonGroup button props isDisabled is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2362,9 +2222,7 @@ exports[`OuiButtonGroup button props isDisabled is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2389,9 +2247,7 @@ exports[`OuiButtonGroup button props isDisabled is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2432,9 +2288,7 @@ exports[`OuiButtonGroup button props isFullWidth is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2458,9 +2312,7 @@ exports[`OuiButtonGroup button props isFullWidth is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2485,9 +2337,7 @@ exports[`OuiButtonGroup button props isFullWidth is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2526,9 +2376,7 @@ exports[`OuiButtonGroup button props isFullWidth is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2556,9 +2404,7 @@ exports[`OuiButtonGroup button props isFullWidth is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2590,9 +2436,7 @@ exports[`OuiButtonGroup button props isFullWidth is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2633,9 +2477,7 @@ exports[`OuiButtonGroup button props isIconOnly is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2659,9 +2501,7 @@ exports[`OuiButtonGroup button props isIconOnly is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2686,9 +2526,7 @@ exports[`OuiButtonGroup button props isIconOnly is rendered for multi 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2727,9 +2565,7 @@ exports[`OuiButtonGroup button props isIconOnly is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2757,9 +2593,7 @@ exports[`OuiButtonGroup button props isIconOnly is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2791,9 +2625,7 @@ exports[`OuiButtonGroup button props isIconOnly is rendered for single 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2832,9 +2664,7 @@ exports[`OuiButtonGroup button props selection idSelected is rendered for single
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2863,9 +2693,7 @@ exports[`OuiButtonGroup button props selection idSelected is rendered for single
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2897,9 +2725,7 @@ exports[`OuiButtonGroup button props selection idSelected is rendered for single
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2940,9 +2766,7 @@ exports[`OuiButtonGroup button props selection idToSelectedMap is rendered for m
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2966,9 +2790,7 @@ exports[`OuiButtonGroup button props selection idToSelectedMap is rendered for m
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -2993,9 +2815,7 @@ exports[`OuiButtonGroup button props selection idToSelectedMap is rendered for m
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -3038,9 +2858,7 @@ exports[`OuiButtonGroup type multi is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -3064,9 +2882,7 @@ exports[`OuiButtonGroup type multi is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -3091,9 +2907,7 @@ exports[`OuiButtonGroup type multi is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -3134,9 +2948,7 @@ exports[`OuiButtonGroup type single is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -3164,9 +2976,7 @@ exports[`OuiButtonGroup type single is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -3198,9 +3008,7 @@ exports[`OuiButtonGroup type single is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
diff --git a/src/components/card/__snapshots__/card.test.tsx.snap b/src/components/card/__snapshots__/card.test.tsx.snap
index 104d7af26d..1f21c5aee1 100644
--- a/src/components/card/__snapshots__/card.test.tsx.snap
+++ b/src/components/card/__snapshots__/card.test.tsx.snap
@@ -70,9 +70,7 @@ exports[`OuiCard horizontal selectable 1`] = `
     <span
       class="ouiButtonContent ouiButtonEmpty__content"
     >
-      <span
-        class=""
-      />
+      <span />
       <span
         class="ouiButtonEmpty__text"
       >
@@ -788,9 +786,7 @@ exports[`OuiCard props selectable 1`] = `
     <span
       class="ouiButtonContent ouiButtonEmpty__content"
     >
-      <span
-        class=""
-      />
+      <span />
       <span
         class="ouiButtonEmpty__text"
       >
diff --git a/src/components/card/__snapshots__/card_select.test.tsx.snap b/src/components/card/__snapshots__/card_select.test.tsx.snap
index d1199b1a54..726ad222bd 100644
--- a/src/components/card/__snapshots__/card_select.test.tsx.snap
+++ b/src/components/card/__snapshots__/card_select.test.tsx.snap
@@ -12,9 +12,7 @@ exports[`OuiCardSelect is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -34,9 +32,7 @@ exports[`OuiCardSelect props can override color 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -56,9 +52,7 @@ exports[`OuiCardSelect props can override text 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -79,9 +73,7 @@ exports[`OuiCardSelect props isDisabled 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -101,9 +93,7 @@ exports[`OuiCardSelect props isSelected 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
diff --git a/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap b/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap
index 16cf636d64..7bdb0ed2a1 100644
--- a/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap
+++ b/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap
@@ -54,9 +54,7 @@ exports[`OuiControlBar is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButton__content"
       >
-        <span
-          class=""
-        />
+        <span />
         <span
           class="ouiButton__text"
         >
@@ -203,9 +201,7 @@ exports[`OuiControlBar props leftOffset is rendered 1`] = `
                 <span
                   class="ouiButtonContent ouiButton__content"
                 >
-                  <span
-                    class=""
-                  />
+                  <span />
                   <span
                     class="ouiButton__text"
                   >
@@ -366,9 +362,7 @@ exports[`OuiControlBar props leftOffset is rendered 1`] = `
                     <span
                       className="ouiButtonContent ouiButton__content"
                     >
-                      <span
-                        className=""
-                      />
+                      <span />
                       <span
                         className="ouiButton__text"
                       >
@@ -549,9 +543,7 @@ exports[`OuiControlBar props maxHeight is rendered 1`] = `
                 <span
                   class="ouiButtonContent ouiButton__content"
                 >
-                  <span
-                    class=""
-                  />
+                  <span />
                   <span
                     class="ouiButton__text"
                   >
@@ -712,9 +704,7 @@ exports[`OuiControlBar props maxHeight is rendered 1`] = `
                     <span
                       className="ouiButtonContent ouiButton__content"
                     >
-                      <span
-                        className=""
-                      />
+                      <span />
                       <span
                         className="ouiButton__text"
                       >
@@ -894,9 +884,7 @@ exports[`OuiControlBar props mobile is rendered 1`] = `
                 <span
                   class="ouiButtonContent ouiButton__content"
                 >
-                  <span
-                    class=""
-                  />
+                  <span />
                   <span
                     class="ouiButton__text"
                   >
@@ -1057,9 +1045,7 @@ exports[`OuiControlBar props mobile is rendered 1`] = `
                     <span
                       className="ouiButtonContent ouiButton__content"
                     >
-                      <span
-                        className=""
-                      />
+                      <span />
                       <span
                         className="ouiButton__text"
                       >
@@ -1303,9 +1289,7 @@ exports[`OuiControlBar props position is rendered 1`] = `
                 <span
                   className="ouiButtonContent ouiButton__content"
                 >
-                  <span
-                    className=""
-                  />
+                  <span />
                   <span
                     className="ouiButton__text"
                   >
@@ -1470,9 +1454,7 @@ exports[`OuiControlBar props rightOffset is rendered 1`] = `
                 <span
                   class="ouiButtonContent ouiButton__content"
                 >
-                  <span
-                    class=""
-                  />
+                  <span />
                   <span
                     class="ouiButton__text"
                   >
@@ -1633,9 +1615,7 @@ exports[`OuiControlBar props rightOffset is rendered 1`] = `
                     <span
                       className="ouiButtonContent ouiButton__content"
                     >
-                      <span
-                        className=""
-                      />
+                      <span />
                       <span
                         className="ouiButton__text"
                       >
@@ -1815,9 +1795,7 @@ exports[`OuiControlBar props showContent is rendered 1`] = `
                 <span
                   class="ouiButtonContent ouiButton__content"
                 >
-                  <span
-                    class=""
-                  />
+                  <span />
                   <span
                     class="ouiButton__text"
                   >
@@ -1983,9 +1961,7 @@ exports[`OuiControlBar props showContent is rendered 1`] = `
                     <span
                       className="ouiButtonContent ouiButton__content"
                     >
-                      <span
-                        className=""
-                      />
+                      <span />
                       <span
                         className="ouiButton__text"
                       >
@@ -2170,9 +2146,7 @@ exports[`OuiControlBar props size is rendered 1`] = `
                 <span
                   class="ouiButtonContent ouiButton__content"
                 >
-                  <span
-                    class=""
-                  />
+                  <span />
                   <span
                     class="ouiButton__text"
                   >
@@ -2333,9 +2307,7 @@ exports[`OuiControlBar props size is rendered 1`] = `
                     <span
                       className="ouiButtonContent ouiButton__content"
                     >
-                      <span
-                        className=""
-                      />
+                      <span />
                       <span
                         className="ouiButton__text"
                       >
diff --git a/src/components/datagrid/__snapshots__/data_grid.test.tsx.snap b/src/components/datagrid/__snapshots__/data_grid.test.tsx.snap
index 5f4cc9eb1a..40d25d6717 100644
--- a/src/components/datagrid/__snapshots__/data_grid.test.tsx.snap
+++ b/src/components/datagrid/__snapshots__/data_grid.test.tsx.snap
@@ -21,9 +21,7 @@ exports[`OuiDataGrid pagination renders 1`] = `
           <span
             class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
           >
-            <span
-              class=""
-            >
+            <span>
               <span
                 class="ouiButtonContent__icon"
                 color="inherit"
@@ -80,9 +78,7 @@ exports[`OuiDataGrid pagination renders 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -106,9 +102,7 @@ exports[`OuiDataGrid pagination renders 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -968,9 +962,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -1001,9 +993,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -1027,9 +1017,7 @@ Array [
           <span
             class="ouiButtonContent ouiButtonEmpty__content"
           >
-            <span
-              class=""
-            >
+            <span>
               <span
                 class="ouiButtonContent__icon"
                 color="inherit"
@@ -1346,9 +1334,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -1379,9 +1365,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -1405,9 +1389,7 @@ Array [
           <span
             class="ouiButtonContent ouiButtonEmpty__content"
           >
-            <span
-              class=""
-            >
+            <span>
               <span
                 class="ouiButtonContent__icon"
                 color="inherit"
@@ -2021,9 +2003,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -2054,9 +2034,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -2080,9 +2058,7 @@ Array [
           <span
             class="ouiButtonContent ouiButtonEmpty__content"
           >
-            <span
-              class=""
-            >
+            <span>
               <span
                 class="ouiButtonContent__icon"
                 color="inherit"
@@ -2398,9 +2374,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -2431,9 +2405,7 @@ Array [
               <span
                 class="ouiButtonContent ouiButtonEmpty__content"
               >
-                <span
-                  class=""
-                >
+                <span>
                   <span
                     class="ouiButtonContent__icon"
                     color="inherit"
@@ -2457,9 +2429,7 @@ Array [
           <span
             class="ouiButtonContent ouiButtonEmpty__content"
           >
-            <span
-              class=""
-            >
+            <span>
               <span
                 class="ouiButtonContent__icon"
                 color="inherit"
diff --git a/src/components/filter_group/__snapshots__/filter_button.test.tsx.snap b/src/components/filter_group/__snapshots__/filter_button.test.tsx.snap
index 00dbecfad9..6f46383929 100644
--- a/src/components/filter_group/__snapshots__/filter_button.test.tsx.snap
+++ b/src/components/filter_group/__snapshots__/filter_button.test.tsx.snap
@@ -10,9 +10,7 @@ exports[`OuiFilterButton is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -32,9 +30,7 @@ exports[`OuiFilterButton props grow can be turned off 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -54,9 +50,7 @@ exports[`OuiFilterButton props iconType and iconSide is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    >
+    <span>
       <span
         class="ouiButtonContent__icon"
         color="inherit"
@@ -83,9 +77,7 @@ exports[`OuiFilterButton props isDisabled is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -105,9 +97,7 @@ exports[`OuiFilterButton props isSelected is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -127,9 +117,7 @@ exports[`OuiFilterButton props numActiveFilters and hasActiveFilters is rendered
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text ouiFilterButton__text-hasNotification"
     >
@@ -155,9 +143,7 @@ exports[`OuiFilterButton props numFilters is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text ouiFilterButton__text-hasNotification"
     >
@@ -183,9 +169,7 @@ exports[`OuiFilterButton props type is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -205,9 +189,7 @@ exports[`OuiFilterButton props withNext is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -229,9 +211,7 @@ exports[`OuiFilterButton renders zero properly 1`] = `
   <span
     class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text ouiFilterButton__text-hasNotification"
     >
diff --git a/src/components/header/header_links/__snapshots__/header_link.test.tsx.snap b/src/components/header/header_links/__snapshots__/header_link.test.tsx.snap
index 36fa776cef..4a20bbdb7a 100644
--- a/src/components/header/header_links/__snapshots__/header_link.test.tsx.snap
+++ b/src/components/header/header_links/__snapshots__/header_link.test.tsx.snap
@@ -8,9 +8,7 @@ exports[`OuiHeaderLink can render as specific color 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -28,9 +26,7 @@ exports[`OuiHeaderLink is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
@@ -46,9 +42,7 @@ exports[`OuiHeaderLink is rendered as active 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     />
diff --git a/src/components/header/header_links/__snapshots__/header_links.test.tsx.snap b/src/components/header/header_links/__snapshots__/header_links.test.tsx.snap
index b38cece33e..1cc3062112 100644
--- a/src/components/header/header_links/__snapshots__/header_links.test.tsx.snap
+++ b/src/components/header/header_links/__snapshots__/header_links.test.tsx.snap
@@ -86,9 +86,7 @@ exports[`OuiHeaderLinks popover props is rendered 1`] = `
         <span
           class="ouiButtonContent ouiButtonEmpty__content"
         >
-          <span
-            class=""
-          />
+          <span />
           <span
             class="ouiButtonEmpty__text"
           >
diff --git a/src/components/header/header_section/__snapshots__/header_section_item_button.test.tsx.snap b/src/components/header/header_section/__snapshots__/header_section_item_button.test.tsx.snap
index 0f78888f20..1df04f72e9 100644
--- a/src/components/header/header_section/__snapshots__/header_section_item_button.test.tsx.snap
+++ b/src/components/header/header_section/__snapshots__/header_section_item_button.test.tsx.snap
@@ -10,9 +10,7 @@ exports[`OuiHeaderSectionItemButton is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -33,9 +31,7 @@ exports[`OuiHeaderSectionItemButton renders a link 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -55,9 +51,7 @@ exports[`OuiHeaderSectionItemButton renders children 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -81,9 +75,7 @@ exports[`OuiHeaderSectionItemButton renders notification as a badge 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -108,9 +100,7 @@ exports[`OuiHeaderSectionItemButton renders notification as a dot 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
@@ -135,9 +125,7 @@ exports[`OuiHeaderSectionItemButton renders notification color 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
diff --git a/src/components/markdown_editor/__snapshots__/markdown_editor.test.tsx.snap b/src/components/markdown_editor/__snapshots__/markdown_editor.test.tsx.snap
index f73c2ca100..9209798bad 100644
--- a/src/components/markdown_editor/__snapshots__/markdown_editor.test.tsx.snap
+++ b/src/components/markdown_editor/__snapshots__/markdown_editor.test.tsx.snap
@@ -172,9 +172,7 @@ exports[`OuiMarkdownEditor is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButtonEmpty__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -406,9 +404,7 @@ exports[`OuiMarkdownEditor props autoExpandPreview is rendered with false 1`] =
       <span
         class="ouiButtonContent ouiButtonEmpty__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -640,9 +636,7 @@ exports[`OuiMarkdownEditor props height is rendered in full mode 1`] = `
       <span
         class="ouiButtonContent ouiButtonEmpty__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -874,9 +868,7 @@ exports[`OuiMarkdownEditor props height is rendered with a custom size 1`] = `
       <span
         class="ouiButtonContent ouiButtonEmpty__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
@@ -1108,9 +1100,7 @@ exports[`OuiMarkdownEditor props maxHeight is rendered with a custom size 1`] =
       <span
         class="ouiButtonContent ouiButtonEmpty__content"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
diff --git a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
index 2f64b733dd..3b43545d1f 100644
--- a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
+++ b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
@@ -77,9 +77,7 @@ Array [
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -95,9 +93,7 @@ Array [
             <span
               class="ouiButtonContent ouiButton__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButton__text"
               >
@@ -180,9 +176,7 @@ Array [
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -198,9 +192,7 @@ Array [
             <span
               class="ouiButtonContent ouiButton__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButton__text"
               >
diff --git a/src/components/notification/__snapshots__/notification_event.test.tsx.snap b/src/components/notification/__snapshots__/notification_event.test.tsx.snap
index 9aa7efd2da..497ef7ba10 100644
--- a/src/components/notification/__snapshots__/notification_event.test.tsx.snap
+++ b/src/components/notification/__snapshots__/notification_event.test.tsx.snap
@@ -664,9 +664,7 @@ exports[`OuiNotificationEvent props primaryAction is rendered 1`] = `
         <span
           class="ouiButtonContent ouiButtonEmpty__content"
         >
-          <span
-            class=""
-          />
+          <span />
           <span
             class="ouiButtonEmpty__text"
           >
@@ -750,9 +748,7 @@ exports[`OuiNotificationEvent props primaryActionProps is rendered 1`] = `
         <span
           class="ouiButtonContent ouiButtonEmpty__content"
         >
-          <span
-            class=""
-          >
+          <span>
             <span
               class="ouiButtonContent__icon"
               color="inherit"
diff --git a/src/components/pagination/__snapshots__/pagination.test.tsx.snap b/src/components/pagination/__snapshots__/pagination.test.tsx.snap
index 8d2ec5d4be..e4f0a8b3ae 100644
--- a/src/components/pagination/__snapshots__/pagination.test.tsx.snap
+++ b/src/components/pagination/__snapshots__/pagination.test.tsx.snap
@@ -35,9 +35,7 @@ exports[`OuiPagination is rendered 1`] = `
         <span
           class="ouiButtonContent ouiButtonEmpty__content"
         >
-          <span
-            class=""
-          />
+          <span />
           <span
             class="ouiButtonEmpty__text"
           >
diff --git a/src/components/pagination/__snapshots__/pagination_button.test.tsx.snap b/src/components/pagination/__snapshots__/pagination_button.test.tsx.snap
index 621deb10a8..ee48d3a0de 100644
--- a/src/components/pagination/__snapshots__/pagination_button.test.tsx.snap
+++ b/src/components/pagination/__snapshots__/pagination_button.test.tsx.snap
@@ -10,9 +10,7 @@ exports[`OuiPaginationButton is rendered 1`] = `
   <span
     class="ouiButtonContent ouiButtonEmpty__content"
   >
-    <span
-      class=""
-    />
+    <span />
     <span
       class="ouiButtonEmpty__text"
     >
diff --git a/src/components/side_nav/__snapshots__/side_nav.test.tsx.snap b/src/components/side_nav/__snapshots__/side_nav.test.tsx.snap
index f712c0e019..ef8223c9ee 100644
--- a/src/components/side_nav/__snapshots__/side_nav.test.tsx.snap
+++ b/src/components/side_nav/__snapshots__/side_nav.test.tsx.snap
@@ -532,9 +532,7 @@ exports[`OuiSideNav props mobileBreakpoints can be adjusted is rendered 1`] = `
       <span
         class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content ouiSideNav__mobileToggleContent"
       >
-        <span
-          class=""
-        >
+        <span>
           <span
             class="ouiButtonContent__icon"
             color="inherit"
diff --git a/src/components/table/mobile/__snapshots__/table_sort_mobile.test.tsx.snap b/src/components/table/mobile/__snapshots__/table_sort_mobile.test.tsx.snap
index 223c306f84..3979dfe30e 100644
--- a/src/components/table/mobile/__snapshots__/table_sort_mobile.test.tsx.snap
+++ b/src/components/table/mobile/__snapshots__/table_sort_mobile.test.tsx.snap
@@ -18,9 +18,7 @@ exports[`OuiTableSortMobile is rendered 1`] = `
         <span
           class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
         >
-          <span
-            class=""
-          >
+          <span>
             <span
               class="ouiButtonContent__icon"
               color="inherit"
diff --git a/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap b/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap
index ea68c241cc..01ae6d46a3 100644
--- a/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap
+++ b/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap
@@ -21,9 +21,7 @@ exports[`OuiTablePagination is rendered 1`] = `
           <span
             class="ouiButtonContent ouiButtonContent--iconRight ouiButtonEmpty__content"
           >
-            <span
-              class=""
-            >
+            <span>
               <span
                 class="ouiButtonContent__icon"
                 color="inherit"
@@ -77,9 +75,7 @@ exports[`OuiTablePagination is rendered 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -102,9 +98,7 @@ exports[`OuiTablePagination is rendered 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -125,9 +119,7 @@ exports[`OuiTablePagination is rendered 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -148,9 +140,7 @@ exports[`OuiTablePagination is rendered 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -171,9 +161,7 @@ exports[`OuiTablePagination is rendered 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -245,9 +233,7 @@ exports[`OuiTablePagination is rendered when hiding the per page options 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -270,9 +256,7 @@ exports[`OuiTablePagination is rendered when hiding the per page options 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -293,9 +277,7 @@ exports[`OuiTablePagination is rendered when hiding the per page options 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -316,9 +298,7 @@ exports[`OuiTablePagination is rendered when hiding the per page options 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >
@@ -339,9 +319,7 @@ exports[`OuiTablePagination is rendered when hiding the per page options 1`] = `
             <span
               class="ouiButtonContent ouiButtonEmpty__content"
             >
-              <span
-                class=""
-              />
+              <span />
               <span
                 class="ouiButtonEmpty__text"
               >