diff --git a/elements/rh-avatar/docs/20-guidelines.md b/elements/rh-avatar/docs/20-guidelines.md index 2c9b8d01ae..92e1d6a976 100644 --- a/elements/rh-avatar/docs/20-guidelines.md +++ b/elements/rh-avatar/docs/20-guidelines.md @@ -69,11 +69,11 @@ centered. ### Stacking -There is `48px` of space when avatar groups are stacked vertically. +There should be a spacing of `--rh-space-3xl` between avatar groups that are stacked vertically. Image of three avatar groups stacked vertically with 48 pixel of space in between diff --git a/elements/rh-button/docs/20-guidelines.md b/elements/rh-button/docs/20-guidelines.md index 800a6fcd7a..5b78e91bb9 100644 --- a/elements/rh-button/docs/20-guidelines.md +++ b/elements/rh-button/docs/20-guidelines.md @@ -232,9 +232,9 @@ Group buttons logically into sets based on hierarchy and usage. ### Space in groups -The standard spacing between each button is `16px`, even for Danger -buttons. If buttons are stacked, the spacing between each button should be -`8px`. +The standard spacing between each button is `--rh-space-lg`, even for Danger +buttons. If buttons are stacked vertically, the spacing between each button should be +`--rh-space-md`.

Helpful tip

@@ -309,7 +308,7 @@ Horizontal and vertical spacing between Primary and Secondary variants is height="256">
-Horizontal and vertical spacing between the Default variant is `24px`. +Horizontal and vertical spacing between Default variants should use the `--rh-space-xl` token.