diff --git a/docs/components/button-group.md b/docs/components/button-group.md
index c05569a7..4c5bccf5 100644
--- a/docs/components/button-group.md
+++ b/docs/components/button-group.md
@@ -179,7 +179,7 @@ Create interactive toolbars with button groups.
 
 <style>
   .button-group-toolbar sl-button-group:not(:last-of-type) {
-    margin-right: .5rem;
+    margin-right: var(--sl-spacing-x-small);
   }
 </style>
 ```