diff --git a/packages/docs/src/docs/pattern-states.md b/packages/docs/src/docs/pattern-states.md
index ec0aee7f6..65e37d026 100644
--- a/packages/docs/src/docs/pattern-states.md
+++ b/packages/docs/src/docs/pattern-states.md
@@ -45,8 +45,8 @@ The three default states included with Pattern Lab might not be enough for every
 You can use the following as your CSS template for new pattern states:
 
 ```css
-{% raw %}.newpatternstate:before {
-    color: #B10DC9 !important;
+{% raw %}.pl-c-pattern-state--newpatternstate {
+    background-color: #B10DC9;
 }{% endraw %}
 ```