diff --git a/docs/_includes/sidebar.njk b/docs/_includes/sidebar.njk
index 5f4788c80..1cd848d4b 100644
--- a/docs/_includes/sidebar.njk
+++ b/docs/_includes/sidebar.njk
@@ -69,7 +69,7 @@
 
 <wa-details {{ 'open' if '/utilities/' in page.url }}>
   <h2 slot=summary>
-    <a href="/docs/utilities/" title="Overview">Style utilities
+    <a href="/docs/utilities/" title="Overview">Style Utilities
       <wa-icon name="grid-2"></wa-icon>
     </a>
   </h2>
diff --git a/docs/docs/components/tab-group.md b/docs/docs/components/tab-group.md
index 95cc5f0ec..3bb3de4fc 100644
--- a/docs/docs/components/tab-group.md
+++ b/docs/docs/components/tab-group.md
@@ -100,7 +100,7 @@ You can make a tab closable by adding a close button next to the tab and inside
 <wa-tab-group class="tabs-closable">
   <wa-tab panel="general">General</wa-tab>
   <wa-tab panel="closable">Closable</wa-tab>
-  <wa-icon-button tabindex="-1" name="xmark" label="Close the closable tab"></wa-icon-button>
+  <wa-icon-button slot="nav" tabindex="-1" name="xmark" label="Close the closable tab"></wa-icon-button>
   <wa-tab panel="closable-2">Advanced</wa-tab>
 
   <wa-tab-panel name="general">This is the general tab panel.</wa-tab-panel>
diff --git a/docs/docs/utilities/index.md b/docs/docs/utilities/index.md
index dcc2f2c62..93fab9c9c 100644
--- a/docs/docs/utilities/index.md
+++ b/docs/docs/utilities/index.md
@@ -1,5 +1,5 @@
 ---
-title: Style utilities
+title: Style Utilities
 description: Web Awesome provides a few style utilities to customize styles in ways that cannot necessarily be described by semantic HTML.
   Some of these correspond to component attributes, but we also expose utility classes so you can apply these styles to native elements too.
 layout: page-outline
diff --git a/src/styles/applied.css b/src/styles/applied.css
index 1049f4e63..4a7485c88 100644
--- a/src/styles/applied.css
+++ b/src/styles/applied.css
@@ -62,15 +62,12 @@ body {
 
 /* Show custom elements only after they're registered */
 :where(:not(:defined, [did-ssr])) {
-  &,
-  & * {
-    /*
-     * if an element gets defined earlier than 800ms, the animation stops applying so it just appears (no fade)
-     * If it takes somewhere between 800 and 1000 ms, then you may get an interrupted fade
-     * If an element takes longer than 1000ms to get defined, it fades in over 200ms
-     */
-    animation: 200ms 800ms wa-fade-in both;
-  }
+  /*
+    * if an element gets defined earlier than 800ms, the animation stops applying so it just appears (no fade)
+    * If it takes somewhere between 800 and 1000 ms, then you may get an interrupted fade
+    * If an element takes longer than 1000ms to get defined, it fades in over 200ms
+    */
+  animation: 200ms 800ms wa-fade-in both;
 }
 
 /* Content flow */