From 07b4d8d7422c5d4553dabc83d92fbaef5dee41f2 Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Wed, 20 Sep 2023 18:52:23 +0100
Subject: [PATCH] component guidelines

---
 src/docs/contributing/component-guidelines.stories.mdx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/docs/contributing/component-guidelines.stories.mdx b/src/docs/contributing/component-guidelines.stories.mdx
index 1bd35422..79f10d02 100644
--- a/src/docs/contributing/component-guidelines.stories.mdx
+++ b/src/docs/contributing/component-guidelines.stories.mdx
@@ -137,10 +137,8 @@ In rare cases, you can use the SCSS `:global` operator to style child elements i
 
 <style lang="scss">
   svg {
-    :global {
-      path {
-        stroke: black;
-      }
+    :global(path) {
+      stroke: black;
     }
   }
 </style>