diff --git a/src/styles/_globals.scss b/src/styles/_globals.scss
index 6247b2d24d3..710476d69b9 100644
--- a/src/styles/_globals.scss
+++ b/src/styles/_globals.scss
@@ -4,14 +4,14 @@
 /* ----------------------------------------- */
 
 :root {
-    --space-size-1: 0.0625rem;
-    --space-size-2: 0.125rem;
-    --space-size-3: 0.1875rem;
-    --space-size-4: 0.25rem;
-    --space-size-5: 0.3125rem;
-    --space-size-6: 0.375rem;
-    --space-size-7: 0.4375rem;
-    --space-size-8: 0.5rem;
+    --space-1: 0.0625rem;
+    --space-2: 0.125rem;
+    --space-3: 0.1875rem;
+    --space-4: 0.25rem;
+    --space-5: 0.3125rem;
+    --space-6: 0.375rem;
+    --space-7: 0.4375rem;
+    --space-8: 0.5rem;
 }
 
 /* ----------------------------------------- */
@@ -116,13 +116,13 @@ table.pf2-table {
     box-sizing: border-box;
     color: var(--color-text-dark-primary);
     line-height: 1.6em;
-    padding: var(--space-size-1) var(--space-size-4);
+    padding: var(--space-1) var(--space-4);
     white-space: nowrap;
     word-break: break-all;
 
     > i.icon {
         color: var(--color-text-dark-inactive);
-        margin-right: var(--space-size-4);
+        margin-right: var(--space-4);
     }
 }
 
@@ -153,7 +153,7 @@ span[data-pf2-action] {
 
     &[data-pf2-glyph]::before {
         font-family: "Pathfinder2eActions";
-        margin-right: var(--space-size-2);
+        margin-right: var(--space-2);
         color: var(--color-text-dark-inactive);
     }
 
@@ -166,8 +166,8 @@ span[data-pf2-action] {
         background-repeat: no-repeat;
         background-size: var(--font-size-15) var(--font-size-15);
         opacity: 0.4;
-        margin-bottom: calc(-1 * var(--space-size-3));
-        margin-right: var(--space-size-2);
+        margin-bottom: calc(-1 * var(--space-3));
+        margin-right: var(--space-2);
         content: "";
     }
 
@@ -280,8 +280,8 @@ i[data-pf2-repost] {
     color: var(--color-text-dark-inactive);
     border-left: 1px solid var(--color-border-dark-tertiary);
     background: #fff9;
-    padding: var(--space-size-2);
-    margin-left: var(--space-size-2);
+    padding: var(--space-2);
+    margin-left: var(--space-2);
     text-shadow: none;
 
     &:hover {
@@ -301,7 +301,7 @@ i[data-pf2-repost] {
     display: inline-block;
     line-height: 1em;
     outline: 1px dotted rgba(75, 74, 68, 0.5);
-    padding: var(--space-size-1);
+    padding: var(--space-1);
 
     &.message-sender {
         line-height: normal;
@@ -336,7 +336,7 @@ a[href]:hover {
     @include corner-boxes;
     background: rgba(black, 0.9);
     font-size: var(--font-size-14);
-    padding: var(--space-size-4) 0;
+    padding: var(--space-4) 0;
     text-align: left;
 
     h1,
diff --git a/src/styles/_reset.scss b/src/styles/_reset.scss
index 27d343c55ed..45287eaaeb5 100644
--- a/src/styles/_reset.scss
+++ b/src/styles/_reset.scss
@@ -10,7 +10,7 @@
 input[type="checkbox"] {
     flex: 0 0 var(--font-size-20);
     height: var(--font-size-20);
-    margin: var(--space-size-3) var(--space-size-5);
+    margin: var(--space-3) var(--space-5);
     width: var(--font-size-20);
 }
 
diff --git a/src/styles/_tags.scss b/src/styles/_tags.scss
index 7d6d2c05728..7c0e3672ba5 100644
--- a/src/styles/_tags.scss
+++ b/src/styles/_tags.scss
@@ -4,9 +4,9 @@
     align-items: center;
     display: flex;
     flex-wrap: wrap;
-    gap: var(--space-size-2);
+    gap: var(--space-2);
     list-style-type: none;
-    margin-bottom: var(--space-size-2);
+    margin-bottom: var(--space-2);
     padding-left: 0;
 
     .tag,
@@ -146,7 +146,7 @@
         border-radius: 0;
         display: flex;
         font: 500 var(--font-size-10) var(--sans-serif);
-        padding: 0 0.09rem 0 var(--space-size-4);
+        padding: 0 0.09rem 0 var(--space-4);
 
         .tagify__tag-text {
             text-transform: uppercase;
@@ -155,7 +155,7 @@
 
     hr.vr {
         height: 1.25em;
-        margin: var(--space-size-1) var(--space-size-2);
+        margin: var(--space-1) var(--space-2);
     }
 
     // Tone down disabled effects so we still see trait colors
@@ -188,7 +188,7 @@
     letter-spacing: normal;
     height: 1.5em;
     margin: 0;
-    padding: 0 var(--space-size-4);
+    padding: 0 var(--space-4);
     white-space: nowrap;
     width: auto;
 }
@@ -267,7 +267,7 @@ tags.tags.paizo-style {
 
     // In lieu of remove button
     tag[readonly="true"] {
-        padding-right: var(--space-size-2);
+        padding-right: var(--space-2);
     }
 }
 
@@ -282,8 +282,8 @@ tags.tagify.pf2e-tagify {
     align-items: center;
     background-color: rgba(white, 0.5);
     border-radius: 3px;
-    gap: var(--space-size-3);
-    padding: var(--space-size-2);
+    gap: var(--space-3);
+    padding: var(--space-2);
 
     &[disabled] {
         --tag-text-color: var(--color-disabled);
@@ -295,7 +295,7 @@ tags.tagify.pf2e-tagify {
     }
 
     &:hover {
-        box-shadow: 0 0 var(--space-size-4) var(--color-pf-secondary);
+        box-shadow: 0 0 var(--space-4) var(--color-pf-secondary);
     }
 
     tag {
@@ -307,7 +307,7 @@ tags.tagify.pf2e-tagify {
         }
 
         > div {
-            padding: 0 var(--space-size-2);
+            padding: 0 var(--space-2);
 
             .tagify__tag-text {
                 font-weight: normal;
@@ -338,8 +338,8 @@ tags.tags.paizo-style {
 
 .damage-tag {
     white-space: nowrap;
-    margin: 0 1px 1px 0;
-    padding: 0 var(--space-size-3);
+    margin: 0 var(--space-1) var(--space-1) 0;
+    padding: 0 var(--space-3);
     font-size: var(--font-size-10);
     line-height: 1rem;
     border: 1px solid var(--color-border-light-2);
diff --git a/src/styles/actor/_item-summary.scss b/src/styles/actor/_item-summary.scss
index 119ec63fd1d..7d44c9e6f46 100644
--- a/src/styles/actor/_item-summary.scss
+++ b/src/styles/actor/_item-summary.scss
@@ -2,30 +2,30 @@
     @include journal-styling;
     line-height: normal;
     overflow: hidden;
-    padding: var(--space-size-4);
+    padding: var(--space-4);
 
     .tags {
         padding: 0;
 
         &.has-properties {
-            row-gap: var(--space-size-3);
+            row-gap: var(--space-3);
         }
 
         .tag.property {
-            margin-left: var(--space-size-2);
-            border-width: var(--space-size-1);
+            margin-left: var(--space-2);
+            border-width: var(--space-1);
             height: 1.25em;
         }
 
         .tag:not(.property) + .tag.property {
-            margin-left: var(--space-size-4);
+            margin-left: var(--space-4);
         }
     }
 
     .button-group {
         align-items: start;
         display: flex;
-        gap: var(--space-size-6);
+        gap: var(--space-6);
         justify-content: center;
         flex-direction: column;
 
diff --git a/src/styles/actor/_red-action-boxes.scss b/src/styles/actor/_red-action-boxes.scss
index 3bfa405740b..cf0481599f2 100644
--- a/src/styles/actor/_red-action-boxes.scss
+++ b/src/styles/actor/_red-action-boxes.scss
@@ -14,7 +14,7 @@
         font-size: var(--font-size-13);
         justify-content: space-between;
         line-height: 2em;
-        padding: 0 var(--space-size-8);
+        padding: 0 var(--space-8);
         text-align: left;
         width: 100%;
 
@@ -22,7 +22,7 @@
             align-items: baseline;
             display: flex;
             flex: auto;
-            gap: var(--space-size-4);
+            gap: var(--space-4);
             margin-bottom: 0;
             text-transform: uppercase;
         }
@@ -33,7 +33,7 @@
         }
 
         .controls {
-            gap: var(--space-size-8);
+            gap: var(--space-8);
             white-space: nowrap;
         }
     }
@@ -66,12 +66,12 @@
         flex: 0;
         flex-wrap: nowrap;
         font-size: var(--font-size-12);
-        gap: var(--space-size-1);
+        gap: var(--space-1);
         margin-left: auto;
 
         .chat {
             font-size: 0.9em;
-            margin-right: var(--space-size-2);
+            margin-right: var(--space-2);
         }
     }
 
@@ -85,7 +85,7 @@
 
             .flexrow,
             .sub-section {
-                gap: var(--space-size-2);
+                gap: var(--space-2);
             }
 
             .sub-section {
@@ -115,7 +115,7 @@
                 justify-content: center;
                 line-height: var(--font-size-18);
                 margin: 0;
-                padding: 0 var(--space-size-8);
+                padding: 0 var(--space-8);
                 white-space: nowrap;
                 width: auto;
 
@@ -149,8 +149,8 @@
         display: flex;
         flex-direction: row;
         justify-content: start;
-        gap: var(--space-size-4);
-        padding: var(--space-size-4) 0;
+        gap: var(--space-4);
+        padding: var(--space-4) 0;
 
         &:last-child {
             border-bottom: none;
@@ -162,23 +162,23 @@
             flex-wrap: wrap;
             font-size: 0.9rem;
             font-weight: 500;
-            gap: var(--space-size-2);
-            margin: 0 var(--space-size-4) 0 0;
+            gap: var(--space-2);
+            margin: 0 var(--space-4) 0 0;
             white-space: nowrap;
 
             > span,
             > a {
                 display: flex;
-                gap: var(--space-size-3);
+                gap: var(--space-3);
                 line-height: 1.125rem;
-                margin-right: var(--space-size-4);
+                margin-right: var(--space-4);
             }
         }
     }
 
     li.action {
         display: flex;
-        gap: var(--space-size-4);
+        gap: var(--space-4);
 
         &:not(:last-child) {
             border-bottom: 1px solid var(--color-border-light-tertiary);
@@ -187,7 +187,7 @@
         > h4 {
             align-items: center;
             display: flex;
-            gap: var(--space-size-4);
+            gap: var(--space-4);
             flex: auto;
             font-size: 0.9rem;
             margin: 0;
@@ -202,7 +202,7 @@
         .button-group > button.use-action {
             background-color: var(--color-pf-secondary);
             color: var(--color-text-light-0);
-            margin-right: var(--space-size-8);
+            margin-right: var(--space-8);
         }
 
         .action-traits {
@@ -224,7 +224,7 @@
                 font-family: inherit;
                 font-size: 0.9rem;
                 height: auto;
-                padding: 0 var(--space-size-3);
+                padding: 0 var(--space-3);
                 text-align: center;
                 width: 0;
             }
diff --git a/src/styles/actor/character/_attribute-builder.scss b/src/styles/actor/character/_attribute-builder.scss
index b1e5306365d..74ae5a4efd0 100644
--- a/src/styles/actor/character/_attribute-builder.scss
+++ b/src/styles/actor/character/_attribute-builder.scss
@@ -419,8 +419,8 @@
             align-items: center;
 
             i {
-                font-size: var(--space-size-5);
-                margin-right: var(--space-size-5);
+                font-size: var(--space-5);
+                margin-right: var(--space-5);
             }
         }
     }
diff --git a/src/styles/actor/character/_feats.scss b/src/styles/actor/character/_feats.scss
index 18b29d15f9f..dbb501967f4 100644
--- a/src/styles/actor/character/_feats.scss
+++ b/src/styles/actor/character/_feats.scss
@@ -10,7 +10,7 @@
             "name ctrl" min-content
             "content content" min-content
             / 1fr min-content;
-        padding: var(--space-size-2) 0;
+        padding: var(--space-2) 0;
         position: relative;
 
         &:nth-child(odd) {
@@ -26,7 +26,7 @@
             align-items: center;
             display: flex;
             flex: 1;
-            gap: var(--space-size-8);
+            gap: var(--space-8);
             grid-area: name;
             height: var(--font-size-25);
             width: 100%;
@@ -39,12 +39,12 @@
                 color: var(--secondary);
                 justify-content: center;
                 width: 20px;
-                margin-left: var(--space-size-6);
+                margin-left: var(--space-6);
             }
 
             .item-placeholder {
                 margin-left: 40px;
-                margin-right: var(--space-size-4);
+                margin-right: var(--space-4);
             }
 
             h4 {
@@ -69,24 +69,24 @@
 
             a {
                 &:last-child {
-                    margin-right: var(--space-size-6);
+                    margin-right: var(--space-6);
                 }
             }
         }
 
         .item-summary {
             grid-area: content;
-            margin: 0 0 0 var(--space-size-2);
-            padding: var(--space-size-4);
+            margin: 0 0 0 var(--space-2);
+            padding: var(--space-4);
 
             .tags {
-                padding: var(--space-size-2) 0 0;
+                padding: var(--space-2) 0 0;
             }
 
             .level {
                 position: absolute;
                 right: 3rem;
-                top: var(--space-size-2);
+                top: var(--space-2);
                 font: 600 var(--font-size-14) var(--serif);
             }
         }
@@ -104,8 +104,8 @@
                 align-items: center;
                 display: flex;
                 flex-wrap: wrap;
-                gap: var(--space-size-2);
-                margin: var(--space-size-2) 0 0;
+                gap: var(--space-2);
+                margin: var(--space-2) 0 0;
                 position: relative;
 
                 .item-name {
diff --git a/src/styles/actor/character/_index.scss b/src/styles/actor/character/_index.scss
index 80b8f33c2ab..806e07218ed 100644
--- a/src/styles/actor/character/_index.scss
+++ b/src/styles/actor/character/_index.scss
@@ -14,7 +14,7 @@ nav.sheet-navigation {
         .pfs-icon {
             clip-rule: evenodd;
             fill-rule: evenodd;
-            padding: var(--space-size-4);
+            padding: var(--space-4);
             position: relative;
             stroke-linejoin: round;
             stroke-miterlimit: 2;
@@ -29,7 +29,7 @@ nav.sheet-navigation {
     .manage-tabs {
         color: var(--text-light);
         margin: 0;
-        padding: 0 var(--space-size-6);
+        padding: 0 var(--space-6);
     }
 }
 
diff --git a/src/styles/actor/character/_proficiencies.scss b/src/styles/actor/character/_proficiencies.scss
index f4a9fa0c662..90c28c48d21 100644
--- a/src/styles/actor/character/_proficiencies.scss
+++ b/src/styles/actor/character/_proficiencies.scss
@@ -10,7 +10,7 @@
 
     h6 {
         @include micro;
-        padding: var(--space-size-2) 0.25rem;
+        padding: var(--space-2) 0.25rem;
         border-radius: 2px;
         box-shadow: inset 0 0 0 1px rgba(black, 0.5);
         color: var(--text-light);
@@ -87,7 +87,7 @@
                     justify-content: center;
                     line-height: 1.3em;
                     margin: 0;
-                    padding: var(--space-size-1) 0 0;
+                    padding: var(--space-1) 0 0;
                     width: 6.5em;
 
                     &:hover {
@@ -97,7 +97,7 @@
 
                 &.stacked {
                     flex-flow: column wrap;
-                    gap: var(--space-size-1);
+                    gap: var(--space-1);
                 }
             }
 
@@ -130,7 +130,7 @@
             .item-controls {
                 font-size: var(--font-size-12);
                 margin-left: 0.5rem;
-                margin-top: var(--space-size-1);
+                margin-top: var(--space-1);
             }
         }
     }
diff --git a/src/styles/actor/character/_sidebar.scss b/src/styles/actor/character/_sidebar.scss
index 2fbef0e48eb..7482f6193c8 100644
--- a/src/styles/actor/character/_sidebar.scss
+++ b/src/styles/actor/character/_sidebar.scss
@@ -168,7 +168,7 @@ aside {
         a.roll-icon {
             display: inline-flex;
             align-items: center;
-            padding-bottom: var(--space-size-2);
+            padding-bottom: var(--space-2);
 
             i {
                 font-size: var(--font-size-19);
@@ -475,7 +475,7 @@ aside {
             }
 
             .tags {
-                margin-top: var(--space-size-6);
+                margin-top: var(--space-6);
             }
         }
 
diff --git a/src/styles/actor/npc/_index.scss b/src/styles/actor/npc/_index.scss
index 2e69f7508da..d99031cd311 100644
--- a/src/styles/actor/npc/_index.scss
+++ b/src/styles/actor/npc/_index.scss
@@ -64,7 +64,7 @@ $faded-color: #7a7971;
         .d20-svg {
             height: var(--font-size-16);
             position: relative;
-            top: var(--space-size-1);
+            top: var(--space-1);
             width: var(--font-size-16);
         }
 
@@ -81,7 +81,7 @@ $faded-color: #7a7971;
     ul.comma-separated {
         display: inline;
         list-style: none;
-        margin: 0 0 var(--space-size-3);
+        margin: 0 0 var(--space-3);
         padding: 0;
 
         li {
@@ -183,7 +183,7 @@ $faded-color: #7a7971;
 
         .separator {
             border-left: 2px solid var(--color-rarity-common);
-            flex: 0 0 var(--space-size-1);
+            flex: 0 0 var(--space-1);
             height: 2rem;
             margin-right: 0.25rem;
         }
@@ -214,7 +214,7 @@ $faded-color: #7a7971;
     .section-container.toggles ul.option-toggles {
         display: flex;
         flex-direction: column;
-        gap: var(--space-size-4);
+        gap: var(--space-4);
         list-style: none;
 
         > li {
@@ -223,7 +223,7 @@ $faded-color: #7a7971;
             label {
                 display: flex;
                 align-items: center;
-                gap: var(--space-size-4);
+                gap: var(--space-4);
 
                 input {
                     margin: 0;
@@ -264,10 +264,10 @@ $faded-color: #7a7971;
         input[type="number"] {
             flex: 0;
             font-weight: normal;
-            margin: var(--space-size-1) var(--space-size-4);
+            margin: var(--space-1) var(--space-4);
             margin-left: auto;
             min-width: 2.5em;
-            padding-right: var(--space-size-1);
+            padding-right: var(--space-1);
             text-align: right;
         }
         &.hp-temp > label {
@@ -338,7 +338,7 @@ $faded-color: #7a7971;
                         inset 0 0 0 2px rgba(white, 0.2);
                     color: var(--text-light);
                     font: var(--font-size-9) / var(--font-size-15) var(--sans-serif);
-                    padding: var(--space-size-2) var(--space-size-4) 0;
+                    padding: var(--space-2) var(--space-4) 0;
                     text-transform: uppercase;
                     width: auto;
 
@@ -385,7 +385,7 @@ $faded-color: #7a7971;
     }
 
     .npc-body {
-        padding-left: var(--space-size-5);
+        padding-left: var(--space-5);
         display: flex;
         flex: auto;
         flex-direction: column;
diff --git a/src/styles/actor/npc/_sidebar.scss b/src/styles/actor/npc/_sidebar.scss
index 31bbf875f8e..b8625f33dda 100644
--- a/src/styles/actor/npc/_sidebar.scss
+++ b/src/styles/actor/npc/_sidebar.scss
@@ -5,7 +5,7 @@
     gap: var(--font-size-10);
     height: 100%;
     overflow: hidden scroll;
-    padding-right: var(--space-size-4);
+    padding-right: var(--space-4);
 
     .image-container {
         img {
@@ -27,8 +27,8 @@
         border-bottom: 1px solid;
         border-color: $faded-color;
         display: flex;
-        margin-bottom: var(--space-size-2);
-        padding-right: var(--space-size-5);
+        margin-bottom: var(--space-2);
+        padding-right: var(--space-5);
         width: 100%;
 
         label {
@@ -36,9 +36,9 @@
             display: flex;
             flex: 0 1 100%;
             font-weight: 500;
-            gap: var(--space-size-3);
+            gap: var(--space-3);
             margin-bottom: 0;
-            padding-left: var(--space-size-2);
+            padding-left: var(--space-2);
         }
 
         input[type="number"] {
@@ -59,7 +59,7 @@
 
         input.current {
             font-weight: normal;
-            padding-right: var(--space-size-3);
+            padding-right: var(--space-3);
             text-align: right;
             width: 2.25rem;
         }
@@ -68,7 +68,7 @@
             align-items: center;
             display: flex;
             font-size: var(--font-size-16);
-            padding: 0 var(--space-size-1);
+            padding: 0 var(--space-1);
         }
 
         .max {
@@ -152,13 +152,13 @@
             font-size: var(--font-size-16);
             font-weight: 700;
             gap: 0.25em;
-            margin-bottom: var(--space-size-2);
-            padding-left: var(--space-size-4);
+            margin-bottom: var(--space-2);
+            padding-left: var(--space-4);
             text-decoration: none;
 
             i {
                 position: relative;
-                top: var(--space-size-1);
+                top: var(--space-1);
             }
 
             span {
diff --git a/src/styles/actor/npc/_simple.scss b/src/styles/actor/npc/_simple.scss
index 052dab589be..d97513d7cdc 100644
--- a/src/styles/actor/npc/_simple.scss
+++ b/src/styles/actor/npc/_simple.scss
@@ -24,7 +24,7 @@
         height: calc(100% - 8em);
 
         .sheet-body {
-            gap: var(--space-size-4);
+            gap: var(--space-4);
             padding: 0;
         }
     }
diff --git a/src/styles/legacy/_chat.scss b/src/styles/legacy/_chat.scss
index a8fa2561170..fda79ffb4ca 100644
--- a/src/styles/legacy/_chat.scss
+++ b/src/styles/legacy/_chat.scss
@@ -6,7 +6,7 @@
     display: flex;
     flex-direction: column;
     font-family: var(--sans-serif);
-    gap: var(--space-size-3);
+    gap: var(--space-3);
 
     h2,
     h3,
@@ -15,14 +15,14 @@
     }
 
     .card-header {
-        padding: var(--space-size-2) 0;
-        border-top: var(--space-size-2) groove var(--color-text-light-0);
+        padding: var(--space-2) 0;
+        border-top: var(--space-2) groove var(--color-text-light-0);
         align-items: center;
         min-height: 2.25rem;
 
         img {
             flex: 0 0 2.25rem;
-            margin-right: var(--space-size-4);
+            margin-right: var(--space-4);
             height: 2.25rem;
             width: 2.25rem;
         }
@@ -47,16 +47,16 @@
     }
 
     .tags {
-        border-bottom: var(--space-size-2) groove var(--color-text-light-0);
+        border-bottom: var(--space-2) groove var(--color-text-light-0);
         margin: 0;
-        padding: 0 0 var(--space-size-4) 0;
+        padding: 0 0 var(--space-4) 0;
     }
 
     .card-content {
         margin: 0;
 
         p {
-            margin: var(--space-size-4) 0;
+            margin: var(--space-4) 0;
             min-height: unset;
         }
     }
@@ -65,10 +65,10 @@
         display: flex;
         flex-basis: 100%;
         flex-direction: column;
-        margin: var(--space-size-4) 0;
+        margin: var(--space-4) 0;
 
         button {
-            margin: var(--space-size-2) 0;
+            margin: var(--space-2) 0;
 
             span {
                 border: none;
@@ -111,12 +111,12 @@
     }
 
     footer {
-        padding: var(--space-size-3) 0 0;
-        border-top: var(--space-size-2) groove var(--color-text-light-0);
+        padding: var(--space-3) 0 0;
+        border-top: var(--space-2) groove var(--color-text-light-0);
 
         span {
-            border-right: var(--space-size-2) groove var(--color-text-light-0);
-            padding: 0 var(--space-size-4) 0 0;
+            border-right: var(--space-2) groove var(--color-text-light-0);
+            padding: 0 var(--space-4) 0 0;
             font-size: var(--font-size-12);
 
             &:last-child {
@@ -129,6 +129,6 @@
     .card-buttons-two-column {
         display: grid;
         grid-template-columns: 1fr 1fr;
-        grid-column-gap: var(--space-size-4);
+        grid-column-gap: var(--space-4);
     }
 }
diff --git a/src/styles/settings/_homebrew.scss b/src/styles/settings/_homebrew.scss
index 0be417dd00f..62454d204b7 100644
--- a/src/styles/settings/_homebrew.scss
+++ b/src/styles/settings/_homebrew.scss
@@ -22,8 +22,8 @@
     .form-group.language-rarities {
         label {
             --form-field-height: 1em;
-            column-gap: var(--space-size-3);
-            padding-bottom: var(--space-size-3);
+            column-gap: var(--space-3);
+            padding-bottom: var(--space-3);
         }
 
         ul {
diff --git a/src/styles/ui/sidebar/chat/_check.scss b/src/styles/ui/sidebar/chat/_check.scss
index a6c8e57591b..5f8879705c4 100644
--- a/src/styles/ui/sidebar/chat/_check.scss
+++ b/src/styles/ui/sidebar/chat/_check.scss
@@ -2,12 +2,12 @@
     .flavor-text {
         .target-dc-result {
             line-height: 0.75rem;
-            margin-bottom: var(--space-size-4);
+            margin-bottom: var(--space-4);
 
             .target-dc,
             .result {
                 display: block;
-                margin: var(--space-size-1) 0;
+                margin: var(--space-1) 0;
                 width: fit-content;
             }
 
@@ -43,7 +43,7 @@
 
         .effect {
             align-items: center;
-            column-gap: var(--space-size-5);
+            column-gap: var(--space-5);
             display: flex;
 
             img {
diff --git a/src/styles/ui/sidebar/chat/_index.scss b/src/styles/ui/sidebar/chat/_index.scss
index 9731b5c7bbb..9b5d64c147a 100644
--- a/src/styles/ui/sidebar/chat/_index.scss
+++ b/src/styles/ui/sidebar/chat/_index.scss
@@ -13,18 +13,18 @@
         .modifiers:has(.tag[data-visibility="gm"]) {
             // Enlarge gap and bottom margin by a pixel due to `[data-visibility]` elements having outlines instead of
             // borders
-            gap: var(--space-size-3);
-            margin-bottom: var(--space-size-3);
+            gap: var(--space-3);
+            margin-bottom: var(--space-3);
         }
 
         ul.notes {
             display: flex;
             flex-direction: column;
             font-family: var(--sans-serif);
-            gap: var(--space-size-4);
+            gap: var(--space-4);
             list-style: none;
             margin: 0;
-            padding: var(--space-size-4) 0;
+            padding: var(--space-4) 0;
 
             li {
                 display: block;
@@ -43,7 +43,7 @@
             }
 
             .dice-tooltip[data-visibility="gm"] {
-                padding: var(--space-size-2) var(--space-size-2) 0;
+                padding: var(--space-2) var(--space-2) 0;
             }
         }
     }