diff --git a/docs/src/pages/en/guides/styling.md b/docs/src/pages/en/guides/styling.md
index 7b7e8b612..5687ff7b8 100644
--- a/docs/src/pages/en/guides/styling.md
+++ b/docs/src/pages/en/guides/styling.md
@@ -355,7 +355,7 @@ const { theme } = Astro.props;
 <style lang="scss">
   .btn {
     /* ✅  <Button> is now back in control of its own styling again! */
-    [data-theme='nav'] {
+    &[data-theme='nav'] {
       // nav-friendly styles here…
     }
   }