diff --git a/packages/webawesome/docs/docs/utilities/split.md b/packages/webawesome/docs/docs/utilities/split.md
index 962751ef5..1b23680a3 100644
--- a/packages/webawesome/docs/docs/utilities/split.md
+++ b/packages/webawesome/docs/docs/utilities/split.md
@@ -68,7 +68,7 @@ Splits are especially helpful for navigation, header, and footer layouts.
 ```html {.example}
 <div class="wa-stack">
   <div class="wa-split">
-    <wa-icon name="web-awesome" label="Web Awesome" style="font-size: var(--wa-font-size-xl);"></wa-icon>
+    <wa-icon name="web-awesome" label="Web Awesome" class="wa-font-size-xl"></wa-icon>
     <div class="wa-cluster">
       <wa-button>Sign Up</wa-button>
       <wa-button appearance="outlined">Log In</wa-button>