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 d28edda70c41..fb1de6c9c7e0 100644
--- a/src/components/side_nav/__snapshots__/side_nav.test.tsx.snap
+++ b/src/components/side_nav/__snapshots__/side_nav.test.tsx.snap
@@ -149,64 +149,52 @@ exports[`EuiSideNav props items is rendered 1`] = `
     id="euiSideNav_generated-id_content"
   >
     <div
-      class="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
+      class="euiSideNavItem euiSideNavItem--root euiSideNavItem-hasChildItems emotion-euiSideNavItem-root"
     >
       <div
-        class="euiSideNavItemButton"
+        class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
       >
         <span
-          class="euiSideNavItemButton__content"
+          class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+          title="A"
         >
-          <span
-            class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-            title="A"
-          >
-            A
-          </span>
+          A
         </span>
       </div>
       <div
-        class="euiSideNavItem__items"
+        class="euiSideNavItem__items emotion-euiSideNavItem__items"
       >
         <div
-          class="euiSideNavItem euiSideNavItem--trunk class"
+          class="euiSideNavItem euiSideNavItem--trunk class emotion-euiSideNavItem-trunk"
         >
           <div
             aria-label="aria"
-            class="euiSideNavItemButton"
+            class="euiSideNavItemButton emotion-euiSideNavItemButton-trunk"
             data-test-sub="dts"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="B"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="B"
-              >
-                B
-              </span>
+              B
             </span>
           </div>
         </div>
         <div
-          class="euiSideNavItem euiSideNavItem--trunk euiSideNavItem--emphasized"
+          class="euiSideNavItem euiSideNavItem--trunk euiSideNavItem--emphasized emotion-euiSideNavItem-trunk-emphasized"
         >
           <button
-            class="euiSideNavItemButton"
+            class="euiSideNavItemButton emotion-euiSideNavItemButton-emphasized-trunk"
             type="button"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label emotion-euiSideNavItemButton__label"
             >
-              <span
-                class="euiSideNavItemButton__label"
-              >
-                C
-              </span>
-              <span
-                data-euiicon-type="arrowRight"
-              />
+              C
             </span>
+            <span
+              data-euiicon-type="arrowRight"
+            />
           </button>
         </div>
       </div>
@@ -224,106 +212,86 @@ exports[`EuiSideNav props items renders items having { forceOpen: true } in open
     id="euiSideNav_generated-id_content"
   >
     <div
-      class="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
+      class="euiSideNavItem euiSideNavItem--root euiSideNavItem-hasChildItems emotion-euiSideNavItem-root"
     >
       <div
-        class="euiSideNavItemButton"
+        class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
       >
         <span
-          class="euiSideNavItemButton__content"
+          class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+          title="A"
         >
-          <span
-            class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-            title="A"
-          >
-            A
-          </span>
+          A
         </span>
       </div>
       <div
-        class="euiSideNavItem__items"
+        class="euiSideNavItem__items emotion-euiSideNavItem__items"
       >
         <div
-          class="euiSideNavItem euiSideNavItem--trunk"
+          class="euiSideNavItem euiSideNavItem--trunk emotion-euiSideNavItem-trunk"
         >
           <div
-            class="euiSideNavItemButton"
+            class="euiSideNavItemButton emotion-euiSideNavItemButton-trunk"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="B"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="B"
-              >
-                B
-              </span>
+              B
             </span>
           </div>
         </div>
         <div
-          class="euiSideNavItem euiSideNavItem--trunk euiSideNavItem--hasChildItems"
+          class="euiSideNavItem euiSideNavItem--trunk euiSideNavItem-hasChildItems emotion-euiSideNavItem-trunk"
         >
           <button
-            class="euiSideNavItemButton euiSideNavItemButton-isOpen"
+            class="euiSideNavItemButton euiSideNavItemButton-isOpen emotion-euiSideNavItemButton-trunk"
             type="button"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="C"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="C"
-              >
-                C
-              </span>
-              <span
-                data-euiicon-type="arrowDown"
-              />
+              C
             </span>
+            <span
+              data-euiicon-type="arrowDown"
+            />
           </button>
           <div
-            class="euiSideNavItem__items"
+            class="euiSideNavItem__items emotion-euiSideNavItem__items-trunk"
           >
             <div
-              class="euiSideNavItem euiSideNavItem--branch euiSideNavItem--hasChildItems"
+              class="euiSideNavItem euiSideNavItem--branch euiSideNavItem-hasChildItems emotion-euiSideNavItem-branch"
             >
               <button
-                class="euiSideNavItemButton euiSideNavItemButton-isOpen"
+                class="euiSideNavItemButton euiSideNavItemButton-isOpen emotion-euiSideNavItemButton-branch"
                 type="button"
               >
                 <span
-                  class="euiSideNavItemButton__content"
+                  class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+                  title="D"
                 >
-                  <span
-                    class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                    title="D"
-                  >
-                    D
-                  </span>
-                  <span
-                    data-euiicon-type="arrowDown"
-                  />
+                  D
                 </span>
+                <span
+                  data-euiicon-type="arrowDown"
+                />
               </button>
               <div
-                class="euiSideNavItem__items"
+                class="euiSideNavItem__items emotion-euiSideNavItem__items-branch"
               >
                 <div
-                  class="euiSideNavItem euiSideNavItem--branch"
+                  class="euiSideNavItem euiSideNavItem--branch emotion-euiSideNavItem-branch"
                 >
                   <div
-                    class="euiSideNavItemButton"
+                    class="euiSideNavItemButton emotion-euiSideNavItemButton-branch"
                   >
                     <span
-                      class="euiSideNavItemButton__content"
+                      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+                      title="E"
                     >
-                      <span
-                        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                        title="E"
-                      >
-                        E
-                      </span>
+                      E
                     </span>
                   </div>
                 </div>
@@ -346,43 +314,35 @@ exports[`EuiSideNav props items renders items using a specified callback 1`] = `
     id="euiSideNav_generated-id_content"
   >
     <div
-      class="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
+      class="euiSideNavItem euiSideNavItem--root euiSideNavItem-hasChildItems emotion-euiSideNavItem-root"
     >
       <a
-        class="euiSideNavItemButton euiSideNavItemButton--isClickable"
+        class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
         data-test-id="my-custom-element"
         href="http://www.elastic.co"
       >
         <span
-          class="euiSideNavItemButton__content"
+          class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+          title="A"
         >
-          <span
-            class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-            title="A"
-          >
-            A
-          </span>
+          A
         </span>
       </a>
       <div
-        class="euiSideNavItem__items"
+        class="euiSideNavItem__items emotion-euiSideNavItem__items"
       >
         <div
-          class="euiSideNavItem euiSideNavItem--trunk"
+          class="euiSideNavItem euiSideNavItem--trunk emotion-euiSideNavItem-trunk"
         >
           <a
-            class="euiSideNavItemButton"
+            class="euiSideNavItemButton emotion-euiSideNavItemButton-trunk"
             data-test-id="my-custom-element"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="B"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="B"
-              >
-                B
-              </span>
+              B
             </span>
           </a>
         </div>
@@ -401,65 +361,53 @@ exports[`EuiSideNav props items renders items which are links 1`] = `
     id="euiSideNav_generated-id_content"
   >
     <div
-      class="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
+      class="euiSideNavItem euiSideNavItem--root euiSideNavItem-hasChildItems emotion-euiSideNavItem-root"
     >
       <a
-        class="euiSideNavItemButton euiSideNavItemButton--isClickable"
+        class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
         href="http://www.elastic.co"
         rel="noreferrer"
       >
         <span
-          class="euiSideNavItemButton__content"
+          class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+          title="A"
         >
-          <span
-            class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-            title="A"
-          >
-            A
-          </span>
+          A
         </span>
       </a>
       <div
-        class="euiSideNavItem__items"
+        class="euiSideNavItem__items emotion-euiSideNavItem__items"
       >
         <div
-          class="euiSideNavItem euiSideNavItem--trunk"
+          class="euiSideNavItem euiSideNavItem--trunk emotion-euiSideNavItem-trunk"
         >
           <div
-            class="euiSideNavItemButton"
+            class="euiSideNavItemButton emotion-euiSideNavItemButton-trunk"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="B"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="B"
-              >
-                B
-              </span>
+              B
             </span>
           </div>
         </div>
         <div
-          class="euiSideNavItem euiSideNavItem--trunk"
+          class="euiSideNavItem euiSideNavItem--trunk emotion-euiSideNavItem-trunk"
         >
           <button
-            class="euiSideNavItemButton"
+            class="euiSideNavItemButton emotion-euiSideNavItemButton-trunk"
             type="button"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="C"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="C"
-              >
-                C
-              </span>
-              <span
-                data-euiicon-type="arrowRight"
-              />
+              C
             </span>
+            <span
+              data-euiicon-type="arrowRight"
+            />
           </button>
         </div>
       </div>
@@ -477,100 +425,80 @@ exports[`EuiSideNav props items renders selected item and automatically opens pa
     id="euiSideNav_generated-id_content"
   >
     <div
-      class="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
+      class="euiSideNavItem euiSideNavItem--root euiSideNavItem-hasChildItems emotion-euiSideNavItem-root"
     >
       <div
-        class="euiSideNavItemButton"
+        class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
       >
         <span
-          class="euiSideNavItemButton__content"
+          class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+          title="A"
         >
-          <span
-            class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-            title="A"
-          >
-            A
-          </span>
+          A
         </span>
       </div>
       <div
-        class="euiSideNavItem__items"
+        class="euiSideNavItem__items emotion-euiSideNavItem__items"
       >
         <div
-          class="euiSideNavItem euiSideNavItem--trunk"
+          class="euiSideNavItem euiSideNavItem--trunk emotion-euiSideNavItem-trunk"
         >
           <div
-            class="euiSideNavItemButton"
+            class="euiSideNavItemButton emotion-euiSideNavItemButton-trunk"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="B"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="B"
-              >
-                B
-              </span>
+              B
             </span>
           </div>
         </div>
         <div
-          class="euiSideNavItem euiSideNavItem--trunk euiSideNavItem--hasChildItems"
+          class="euiSideNavItem euiSideNavItem--trunk euiSideNavItem-hasChildItems emotion-euiSideNavItem-trunk"
         >
           <button
-            class="euiSideNavItemButton euiSideNavItemButton-isOpen"
+            class="euiSideNavItemButton euiSideNavItemButton-isOpen emotion-euiSideNavItemButton-trunk"
             type="button"
           >
             <span
-              class="euiSideNavItemButton__content"
+              class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+              title="C"
             >
-              <span
-                class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                title="C"
-              >
-                C
-              </span>
-              <span
-                data-euiicon-type="arrowDown"
-              />
+              C
             </span>
+            <span
+              data-euiicon-type="arrowDown"
+            />
           </button>
           <div
-            class="euiSideNavItem__items"
+            class="euiSideNavItem__items emotion-euiSideNavItem__items-trunk"
           >
             <div
-              class="euiSideNavItem euiSideNavItem--branch"
+              class="euiSideNavItem euiSideNavItem--branch emotion-euiSideNavItem-branch"
             >
               <div
-                class="euiSideNavItemButton euiSideNavItemButton-isSelected"
+                class="euiSideNavItemButton euiSideNavItemButton-isSelected emotion-euiSideNavItemButton-selected-branch"
               >
                 <span
-                  class="euiSideNavItemButton__content"
+                  class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+                  title="D"
                 >
-                  <span
-                    class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                    title="D"
-                  >
-                    D
-                  </span>
+                  D
                 </span>
               </div>
             </div>
             <div
-              class="euiSideNavItem euiSideNavItem--branch"
+              class="euiSideNavItem euiSideNavItem--branch emotion-euiSideNavItem-branch"
             >
               <div
-                class="euiSideNavItemButton"
+                class="euiSideNavItemButton emotion-euiSideNavItemButton-branch"
               >
                 <span
-                  class="euiSideNavItemButton__content"
+                  class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+                  title="E"
                 >
-                  <span
-                    class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-                    title="E"
-                  >
-                    E
-                  </span>
+                  E
                 </span>
               </div>
             </div>
diff --git a/src/components/side_nav/__snapshots__/side_nav_item.test.tsx.snap b/src/components/side_nav/__snapshots__/side_nav_item.test.tsx.snap
index 8bb99340e412..a1ae1c169bc3 100644
--- a/src/components/side_nav/__snapshots__/side_nav_item.test.tsx.snap
+++ b/src/components/side_nav/__snapshots__/side_nav_item.test.tsx.snap
@@ -2,22 +2,18 @@
 
 exports[`EuiSideNavItem can be disabled 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <button
-    class="euiSideNavItemButton"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
     disabled=""
     type="button"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+      title="Children"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-        title="Children"
-      >
-        Children
-      </span>
+      Children
     </span>
   </button>
 </div>
@@ -25,20 +21,16 @@ exports[`EuiSideNavItem can be disabled 1`] = `
 
 exports[`EuiSideNavItem can be emphasized 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root euiSideNavItem--emphasized"
+  class="euiSideNavItem euiSideNavItem--root euiSideNavItem--emphasized emotion-euiSideNavItem-root-emphasized"
 >
   <div
-    class="euiSideNavItemButton"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-emphasized-root"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
+      title="Children"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-        title="Children"
-      >
-        Children
-      </span>
+      Children
     </span>
   </div>
 </div>
@@ -46,19 +38,15 @@ exports[`EuiSideNavItem can be emphasized 1`] = `
 
 exports[`EuiSideNavItem can have truncation turned off 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <div
-    class="euiSideNavItemButton"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label emotion-euiSideNavItemButton__label"
     >
-      <span
-        class="euiSideNavItemButton__label"
-      >
-        Children
-      </span>
+      Children
     </span>
   </div>
 </div>
@@ -66,21 +54,17 @@ exports[`EuiSideNavItem can have truncation turned off 1`] = `
 
 exports[`EuiSideNavItem href is rendered 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <a
-    class="euiSideNavItemButton euiSideNavItemButton--isClickable"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
     href="#"
     rel="noreferrer"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-      >
-        <button />
-      </span>
+      <button />
     </span>
   </a>
 </div>
@@ -88,21 +72,17 @@ exports[`EuiSideNavItem href is rendered 1`] = `
 
 exports[`EuiSideNavItem href is rendered with rel 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <a
-    class="euiSideNavItemButton euiSideNavItemButton--isClickable"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
     href="#"
     rel="noopener noreferrer"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-      >
-        <button />
-      </span>
+      <button />
     </span>
   </a>
 </div>
@@ -110,23 +90,19 @@ exports[`EuiSideNavItem href is rendered with rel 1`] = `
 
 exports[`EuiSideNavItem is rendered 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <div
-    class="euiSideNavItemButton"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-      >
-        <button
-          aria-label="aria-label"
-          class="testClass1 testClass2 emotion-euiTestCss"
-          data-test-subj="test subject string"
-        />
-      </span>
+      <button
+        aria-label="aria-label"
+        class="testClass1 testClass2 emotion-euiTestCss"
+        data-test-subj="test subject string"
+      />
     </span>
   </div>
 </div>
@@ -134,19 +110,15 @@ exports[`EuiSideNavItem is rendered 1`] = `
 
 exports[`EuiSideNavItem isSelected defaults to false 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <div
-    class="euiSideNavItemButton"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-      >
-        <button />
-      </span>
+      <button />
     </span>
   </div>
 </div>
@@ -154,19 +126,15 @@ exports[`EuiSideNavItem isSelected defaults to false 1`] = `
 
 exports[`EuiSideNavItem isSelected is rendered when specified as true 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <div
-    class="euiSideNavItemButton euiSideNavItemButton-isSelected"
+    class="euiSideNavItemButton euiSideNavItemButton-isSelected emotion-euiSideNavItemButton-selected-root"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-      >
-        <button />
-      </span>
+      <button />
     </span>
   </div>
 </div>
@@ -174,21 +142,17 @@ exports[`EuiSideNavItem isSelected is rendered when specified as true 1`] = `
 
 exports[`EuiSideNavItem preserves child's classes 1`] = `
 <div
-  class="euiSideNavItem euiSideNavItem--root"
+  class="euiSideNavItem euiSideNavItem--root emotion-euiSideNavItem-root"
 >
   <div
-    class="euiSideNavItemButton"
+    class="euiSideNavItemButton emotion-euiSideNavItemButton-root"
   >
     <span
-      class="euiSideNavItemButton__content"
+      class="euiSideNavItemButton__label eui-textTruncate emotion-euiSideNavItemButton__label"
     >
-      <span
-        class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
-      >
-        <button
-          class="test"
-        />
-      </span>
+      <button
+        class="test"
+      />
     </span>
   </div>
 </div>