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>