From d8b50c9e689774b410916b8aa5a605958ba0782e Mon Sep 17 00:00:00 2001
From: Angie <angie@nycmail.com>
Date: Mon, 31 Jan 2022 22:28:58 +0100
Subject: [PATCH] Missing '&' in example of scoped styles (#2485)

Style is written in SCSS, so there is missing '&' in nesting data-theme
---
 docs/src/pages/en/guides/styling.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/pages/en/guides/styling.md b/docs/src/pages/en/guides/styling.md
index 7b7e8b6129..5687ff7b81 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…
     }
   }