diff --git a/styles/css/core/variables.css b/styles/css/core/variables.css
index 54442b7d58..9f8f76b05e 100644
--- a/styles/css/core/variables.css
+++ b/styles/css/core/variables.css
@@ -461,17 +461,17 @@
--pgn-typography-annotation-line-height: var(--pgn-typography-line-height-sm);
--pgn-typography-annotation-font-size: var(--pgn-typography-font-size-sm);
--pgn-typography-alert-font-weight-link: var(--pgn-typography-font-weight-normal);
- --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4rem);
- --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2rem);
- --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25rem);
- --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75rem);
- --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375rem);
- --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5rem);
- --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3rem);
- --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5rem);
+ --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4);
+ --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2);
+ --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25);
+ --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75);
+ --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375);
+ --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5);
+ --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3);
+ --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5);
--pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base);
- --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5rem);
- --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25rem);
+ --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5);
+ --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25);
--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
--pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
--pgn-spacing-tab-more-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
diff --git a/styles/scss/core/_variables.scss b/styles/scss/core/_variables.scss
index 592c0d05ba..52d2fbd4a8 100644
--- a/styles/scss/core/_variables.scss
+++ b/styles/scss/core/_variables.scss
@@ -320,7 +320,7 @@ $escaped-characters: (
$enable-caret: true !default;
$enable-rounded: true !default;
-$enable-shadows: false !default;
+$enable-shadows: true !default;
$enable-gradients: false !default;
$enable-transitions: true !default;
$enable-prefers-reduced-motion-media-query: true !default;
diff --git a/tokens/src/core/global/spacing.json b/tokens/src/core/global/spacing.json
index 467fcba172..1f690e8a3a 100644
--- a/tokens/src/core/global/spacing.json
+++ b/tokens/src/core/global/spacing.json
@@ -3,17 +3,17 @@
"spacer": {
"base": { "value": "1rem", "type": "dimension", "source": "$spacer", "description": "Basic space value" },
"0": { "value": "0", "type": "dimension", "description": "Space value of level 0" },
- "1": { "value": "calc({spacing.spacer.base} * .25rem)", "type": "dimension", "description": "Space value of level 1" },
- "1,5": { "value": "calc({spacing.spacer.base} * .375rem)", "type": "dimension", "description": "Space value of level 1.5" },
- "2": { "value": "calc({spacing.spacer.base} * .5rem)", "type": "dimension", "description": "Space value of level 2" },
- "2,5": { "value": "calc({spacing.spacer.base} * .75rem)", "type": "dimension", "description": "Space value of level 2.5" },
+ "1": { "value": "calc({spacing.spacer.base} * .25)", "type": "dimension", "description": "Space value of level 1" },
+ "1,5": { "value": "calc({spacing.spacer.base} * .375)", "type": "dimension", "description": "Space value of level 1.5" },
+ "2": { "value": "calc({spacing.spacer.base} * .5)", "type": "dimension", "description": "Space value of level 2" },
+ "2,5": { "value": "calc({spacing.spacer.base} * .75)", "type": "dimension", "description": "Space value of level 2.5" },
"3": { "value": "{spacing.spacer.base}", "type": "dimension", "description": "Space value of level 3" },
- "3,5": { "value": "calc({spacing.spacer.base} * 1.25rem)", "type": "dimension", "description": "Space value of level 3.5"},
- "4": { "value": "calc({spacing.spacer.base} * 1.5rem)", "type": "dimension", "description": "Space value of level 4" },
- "4,5": { "value": "calc({spacing.spacer.base} * 2rem)", "type": "dimension", "description": "Space value of level 4.5" },
- "5": { "value": "calc({spacing.spacer.base} * 3rem)", "type": "dimension", "description": "Space value of level 5" },
- "5,5": { "value": "calc({spacing.spacer.base} * 4rem)", "type": "dimension", "description": "Space value of level 5.5"},
- "6": { "value": "calc({spacing.spacer.base} * 5rem)", "type": "dimension", "description": "Space value of level 6" }
+ "3,5": { "value": "calc({spacing.spacer.base} * 1.25)", "type": "dimension", "description": "Space value of level 3.5"},
+ "4": { "value": "calc({spacing.spacer.base} * 1.5)", "type": "dimension", "description": "Space value of level 4" },
+ "4,5": { "value": "calc({spacing.spacer.base} * 2)", "type": "dimension", "description": "Space value of level 4.5" },
+ "5": { "value": "calc({spacing.spacer.base} * 3)", "type": "dimension", "description": "Space value of level 5" },
+ "5,5": { "value": "calc({spacing.spacer.base} * 4)", "type": "dimension", "description": "Space value of level 5.5"},
+ "6": { "value": "calc({spacing.spacer.base} * 5)", "type": "dimension", "description": "Space value of level 6" }
},
"label": {
"margin-bottom": { "value": ".5rem", "type": "dimension", "description": "Margin bottom for label." }
diff --git a/www/src/templates/component-page-template.tsx b/www/src/templates/component-page-template.tsx
index c4331e09f3..56156f1875 100644
--- a/www/src/templates/component-page-template.tsx
+++ b/www/src/templates/component-page-template.tsx
@@ -142,7 +142,7 @@ export default function PageTemplate({