From 3d10b1a38d7dbf6511676c9b408f4b6ba14607fb Mon Sep 17 00:00:00 2001
From: Tasso <tasso.evangelista@rocket.chat>
Date: Fri, 1 Nov 2024 18:28:41 -0300
Subject: [PATCH] Skip empty strings when appending class name

---
 .changeset/chilly-rockets-bow.md              |   5 +
 .../__snapshots__/AutoComplete.spec.tsx.snap  |  20 ++--
 .../Avatar/__snapshots__/Avatar.spec.tsx.snap |  72 ++++++------
 .../__snapshots__/Callout.spec.tsx.snap       |  36 +++---
 .../Card/__snapshots__/Card.spec.tsx.snap     |  10 +-
 .../__snapshots__/CardGroup.spec.tsx.snap     | 108 +++++++++---------
 .../__snapshots__/CheckBox.spec.tsx.snap      |  12 +-
 .../__snapshots__/Contextualbar.spec.tsx.snap |  26 ++---
 .../__snapshots__/Contextualbar.spec.tsx.snap |  16 +--
 .../Field/__snapshots__/Field.spec.tsx.snap   |  10 +-
 .../MessageMetrics.spec.tsx.snap              |  12 +-
 .../MessageReactions.spec.tsx.snap            |   6 +-
 .../MessageToolbar.spec.tsx.snap              |  14 +--
 .../Modal/__snapshots__/Modal.spec.tsx.snap   | 104 ++++++++---------
 .../NavBar/__snapshots__/NavBar.spec.tsx.snap |  28 ++---
 .../__snapshots__/PasswordInput.spec.tsx.snap |   2 +-
 .../__snapshots__/RadioButton.spec.tsx.snap   |  12 +-
 .../__snapshots__/SelectInput.spec.tsx.snap   |   2 +-
 .../TopBar/__snapshots__/TopBar.spec.tsx.snap |  28 ++---
 .../Table/__snapshots__/Table.spec.tsx.snap   |   4 +-
 .../Tag/__snapshots__/Tag.spec.tsx.snap       |  46 ++++----
 .../__snapshots__/ToastBar.spec.tsx.snap      |  10 +-
 .../__snapshots__/ToggleSwitch.spec.tsx.snap  |  12 +-
 .../fuselage/src/helpers/appendClassName.ts   |   2 +-
 24 files changed, 301 insertions(+), 296 deletions(-)
 create mode 100644 .changeset/chilly-rockets-bow.md

diff --git a/.changeset/chilly-rockets-bow.md b/.changeset/chilly-rockets-bow.md
new file mode 100644
index 0000000000..b45864a643
--- /dev/null
+++ b/.changeset/chilly-rockets-bow.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/fuselage': patch
+---
+
+Fixes a bug that adds an extra whitespace when concatenating class names with `appendClassName`
diff --git a/packages/fuselage/src/components/AutoComplete/__snapshots__/AutoComplete.spec.tsx.snap b/packages/fuselage/src/components/AutoComplete/__snapshots__/AutoComplete.spec.tsx.snap
index 39f1090330..453f640da8 100644
--- a/packages/fuselage/src/components/AutoComplete/__snapshots__/AutoComplete.spec.tsx.snap
+++ b/packages/fuselage/src/components/AutoComplete/__snapshots__/AutoComplete.spec.tsx.snap
@@ -12,7 +12,7 @@ exports[`[AutoComplete Rendering] renders CustomItem without crashing 1`] = `
       >
         <input
           aria-label="Decorator Label"
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box  rcx-css-trljwa rcx-css-rcil7k"
+          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-rcil7k"
           value=""
         />
       </div>
@@ -43,7 +43,7 @@ exports[`[AutoComplete Rendering] renders CustomSelected without crashing 1`] =
       >
         <input
           aria-label="Decorator Label"
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box  rcx-css-trljwa rcx-css-rcil7k"
+          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-rcil7k"
           value=""
         />
         <div
@@ -141,7 +141,7 @@ exports[`[AutoComplete Rendering] renders Default without crashing 1`] = `
       >
         <input
           aria-label="Decorator Label"
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box  rcx-css-trljwa rcx-css-rcil7k"
+          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-rcil7k"
           value=""
         />
       </div>
@@ -172,7 +172,7 @@ exports[`[AutoComplete Rendering] renders Multiple without crashing 1`] = `
       >
         <input
           aria-label="Decorator Label"
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box  rcx-css-trljwa rcx-css-rcil7k"
+          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-rcil7k"
           value=""
         />
         <button
@@ -188,7 +188,7 @@ exports[`[AutoComplete Rendering] renders Multiple without crashing 1`] = `
           </span>
           <i
             aria-hidden="true"
-            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon  rcx-css-trljwa rcx-css-1wv1vf9"
+            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon rcx-css-trljwa rcx-css-1wv1vf9"
           >
             
           </i>
@@ -206,7 +206,7 @@ exports[`[AutoComplete Rendering] renders Multiple without crashing 1`] = `
           </span>
           <i
             aria-hidden="true"
-            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon  rcx-css-trljwa rcx-css-1wv1vf9"
+            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon rcx-css-trljwa rcx-css-1wv1vf9"
           >
             
           </i>
@@ -239,7 +239,7 @@ exports[`[AutoComplete Rendering] renders MultipleCustomSelected without crashin
       >
         <input
           aria-label="Decorator Label"
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box  rcx-css-trljwa rcx-css-rcil7k"
+          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-rcil7k"
           value=""
         />
         <button
@@ -320,7 +320,7 @@ v/L21v8BT/ZVoe1UItsAAAAASUVORK5CYII="
           </span>
           <i
             aria-hidden="true"
-            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon  rcx-css-trljwa rcx-css-1wv1vf9"
+            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon rcx-css-trljwa rcx-css-1wv1vf9"
           >
             
           </i>
@@ -403,7 +403,7 @@ v/L21v8BT/ZVoe1UItsAAAAASUVORK5CYII="
           </span>
           <i
             aria-hidden="true"
-            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon  rcx-css-trljwa rcx-css-1wv1vf9"
+            class="rcx-box rcx-box--full rcx-icon--name-cross rcx-icon rcx-css-trljwa rcx-css-1wv1vf9"
           >
             
           </i>
@@ -436,7 +436,7 @@ exports[`[AutoComplete Rendering] renders WithPlaceholder without crashing 1`] =
       >
         <input
           aria-label="Decorator Label"
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box  rcx-css-trljwa rcx-css-rcil7k"
+          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-rcil7k"
           placeholder="Search..."
           value=""
         />
diff --git a/packages/fuselage/src/components/Avatar/__snapshots__/Avatar.spec.tsx.snap b/packages/fuselage/src/components/Avatar/__snapshots__/Avatar.spec.tsx.snap
index 0cac450d08..673e4712a6 100644
--- a/packages/fuselage/src/components/Avatar/__snapshots__/Avatar.spec.tsx.snap
+++ b/packages/fuselage/src/components/Avatar/__snapshots__/Avatar.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
 <body>
   <div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x16"
@@ -17,7 +17,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x18"
@@ -30,7 +30,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x28"
@@ -43,7 +43,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x32"
@@ -56,7 +56,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x36"
@@ -69,7 +69,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x48"
@@ -82,7 +82,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x124"
@@ -95,7 +95,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x200"
@@ -108,7 +108,7 @@ exports[`[Avatar Component] renders Default without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x332"
@@ -128,7 +128,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
 <body>
   <div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x16"
@@ -141,7 +141,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x18"
@@ -154,7 +154,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x28"
@@ -167,7 +167,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x32"
@@ -180,7 +180,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x36"
@@ -193,7 +193,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x48"
@@ -206,7 +206,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x124"
@@ -219,7 +219,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x200"
@@ -232,7 +232,7 @@ exports[`[Avatar Component] renders Rounded without crashing 1`] = `
       </figure>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-k9x9bm"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-k9x9bm"
     >
       <figure
         class="rcx-box rcx-box--full rcx-avatar rcx-avatar--x332"
@@ -252,7 +252,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
 <body>
   <div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -287,7 +287,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -322,7 +322,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -357,7 +357,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -392,7 +392,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -427,7 +427,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -462,7 +462,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -497,7 +497,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -532,7 +532,7 @@ exports[`[Avatar Component] renders Stack without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -574,7 +574,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
 <body>
   <div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -609,7 +609,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -644,7 +644,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -679,7 +679,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -714,7 +714,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -749,7 +749,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -784,7 +784,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -819,7 +819,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
@@ -854,7 +854,7 @@ exports[`[Avatar Component] renders StackRounded without crashing 1`] = `
       </div>
     </div>
     <div
-      class="rcx-box rcx-box--full  rcx-css-ocknv2 rcx-css-lqbnj0"
+      class="rcx-box rcx-box--full rcx-css-ocknv2 rcx-css-lqbnj0"
     >
       <div
         class="rcx-avatar-stack"
diff --git a/packages/fuselage/src/components/Callout/__snapshots__/Callout.spec.tsx.snap b/packages/fuselage/src/components/Callout/__snapshots__/Callout.spec.tsx.snap
index 894f5f158a..f2f96b654b 100644
--- a/packages/fuselage/src/components/Callout/__snapshots__/Callout.spec.tsx.snap
+++ b/packages/fuselage/src/components/Callout/__snapshots__/Callout.spec.tsx.snap
@@ -4,11 +4,11 @@ exports[`[CheckBox Rendering] renders CustomIcon without crashing 1`] = `
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout"
+      class="rcx-box rcx-box--full rcx-callout"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-hash rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-hash rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
@@ -39,11 +39,11 @@ exports[`[CheckBox Rendering] renders Danger without crashing 1`] = `
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout rcx-callout--danger"
+      class="rcx-box rcx-box--full rcx-callout rcx-callout--danger"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-ban rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-ban rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
@@ -74,11 +74,11 @@ exports[`[CheckBox Rendering] renders Default without crashing 1`] = `
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout"
+      class="rcx-box rcx-box--full rcx-callout"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
@@ -109,11 +109,11 @@ exports[`[CheckBox Rendering] renders Info without crashing 1`] = `
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout rcx-callout--info"
+      class="rcx-box rcx-box--full rcx-callout rcx-callout--info"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
@@ -144,11 +144,11 @@ exports[`[CheckBox Rendering] renders Success without crashing 1`] = `
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout rcx-callout--success"
+      class="rcx-box rcx-box--full rcx-callout rcx-callout--success"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-checkmark-circled rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-checkmark-circled rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
@@ -179,11 +179,11 @@ exports[`[CheckBox Rendering] renders Warning without crashing 1`] = `
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout rcx-callout--warning"
+      class="rcx-box rcx-box--full rcx-callout rcx-callout--warning"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-warning rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-warning rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
@@ -214,11 +214,11 @@ exports[`[CheckBox Rendering] renders WithActions without crashing 1`] = `
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout"
+      class="rcx-box rcx-box--full rcx-callout"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
@@ -247,7 +247,7 @@ exports[`[CheckBox Rendering] renders WithActions without crashing 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button--small rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--small rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -257,7 +257,7 @@ exports[`[CheckBox Rendering] renders WithActions without crashing 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--small rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--small rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -278,11 +278,11 @@ exports[`[CheckBox Rendering] renders WithDescriptionOnly without crashing 1`] =
 <body>
   <div>
     <section
-      class="rcx-box rcx-box--full  rcx-callout"
+      class="rcx-box rcx-box--full rcx-callout"
     >
       <i
         aria-hidden="true"
-        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon  rcx-callout__icon rcx-css-4pvxx3"
+        class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon rcx-callout__icon rcx-css-4pvxx3"
       >
         
       </i>
diff --git a/packages/fuselage/src/components/Card/__snapshots__/Card.spec.tsx.snap b/packages/fuselage/src/components/Card/__snapshots__/Card.spec.tsx.snap
index 02e0cdbb76..47d860a3e9 100644
--- a/packages/fuselage/src/components/Card/__snapshots__/Card.spec.tsx.snap
+++ b/packages/fuselage/src/components/Card/__snapshots__/Card.spec.tsx.snap
@@ -73,7 +73,7 @@ exports[`[Card Rendering] renders Clickable without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
         />
         <span
-          class="rcx-box rcx-box--full  rcx-tag "
+          class="rcx-box rcx-box--full rcx-tag "
         >
           <span
             class="rcx-tag__inner"
@@ -211,7 +211,7 @@ exports[`[Card Rendering] renders Horizontal without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
         />
         <span
-          class="rcx-box rcx-box--full  rcx-tag "
+          class="rcx-box rcx-box--full rcx-tag "
         >
           <span
             class="rcx-tag__inner"
@@ -271,7 +271,7 @@ exports[`[Card Rendering] renders HorizontalCustom without crashing 1`] = `
               Heading 3
             </h4>
             <span
-              class="rcx-box rcx-box--full  rcx-tag rcx-tag--featured"
+              class="rcx-box rcx-box--full rcx-tag rcx-tag--featured"
             >
               <span
                 class="rcx-tag__inner"
@@ -294,7 +294,7 @@ exports[`[Card Rendering] renders HorizontalCustom without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
         />
         <span
-          class="rcx-box rcx-box--full  rcx-tag "
+          class="rcx-box rcx-box--full rcx-tag "
         >
           <span
             class="rcx-tag__inner"
@@ -394,7 +394,7 @@ exports[`[Card Rendering] renders HorizontalNoIcon without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
         />
         <span
-          class="rcx-box rcx-box--full  rcx-tag "
+          class="rcx-box rcx-box--full rcx-tag "
         >
           <span
             class="rcx-tag__inner"
diff --git a/packages/fuselage/src/components/CardGroup/__snapshots__/CardGroup.spec.tsx.snap b/packages/fuselage/src/components/CardGroup/__snapshots__/CardGroup.spec.tsx.snap
index bbbeab3bf8..b1b850a0fd 100644
--- a/packages/fuselage/src/components/CardGroup/__snapshots__/CardGroup.spec.tsx.snap
+++ b/packages/fuselage/src/components/CardGroup/__snapshots__/CardGroup.spec.tsx.snap
@@ -8,7 +8,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
       role="group"
     >
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -72,7 +72,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -136,7 +136,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -200,7 +200,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -264,7 +264,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -328,7 +328,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -392,7 +392,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -456,7 +456,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -520,7 +520,7 @@ exports[`[CardGroup Rendering] renders Default without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -596,7 +596,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
       role="group"
     >
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -629,7 +629,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -652,7 +652,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -685,7 +685,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -708,7 +708,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -741,7 +741,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -764,7 +764,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -797,7 +797,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -820,7 +820,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -853,7 +853,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -876,7 +876,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -909,7 +909,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -932,7 +932,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -965,7 +965,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -988,7 +988,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -1021,7 +1021,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -1044,7 +1044,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card  rcx-card-group__item rcx-css-1qcz93u"
+        class="rcx-box rcx-box--full rcx-card__clickable rcx-card__horizontal--wrap rcx-card__horizontal rcx-card rcx-card-group__item rcx-css-1qcz93u"
       >
         <div
           class="rcx-card__row"
@@ -1077,7 +1077,7 @@ exports[`[CardGroup Rendering] renders VerticalWithHorizontalCard without crashi
             class="rcx-box rcx-box--full rcx-badge rcx-badge--primary rcx-badge--small"
           />
           <span
-            class="rcx-box rcx-box--full  rcx-tag "
+            class="rcx-box rcx-box--full rcx-tag "
           >
             <span
               class="rcx-tag__inner"
@@ -1112,7 +1112,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
       role="group"
     >
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1176,7 +1176,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1240,7 +1240,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1304,7 +1304,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1368,7 +1368,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1432,7 +1432,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1496,7 +1496,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1560,7 +1560,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1624,7 +1624,7 @@ exports[`[CardGroup Rendering] renders Wrap without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1700,7 +1700,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
       role="group"
     >
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1764,7 +1764,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1828,7 +1828,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1892,7 +1892,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -1956,7 +1956,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2020,7 +2020,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2084,7 +2084,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2148,7 +2148,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2212,7 +2212,7 @@ exports[`[CardGroup Rendering] renders WrapAlignCenter without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2288,7 +2288,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
       role="group"
     >
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2352,7 +2352,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2416,7 +2416,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2480,7 +2480,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2544,7 +2544,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2608,7 +2608,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2672,7 +2672,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2736,7 +2736,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
@@ -2800,7 +2800,7 @@ exports[`[CardGroup Rendering] renders WrapStretch without crashing 1`] = `
         </div>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-card__vertical rcx-card  rcx-card-group__item rcx-css-1x36761"
+        class="rcx-box rcx-box--full rcx-card__vertical rcx-card rcx-card-group__item rcx-css-1x36761"
       >
         <div
           class="rcx-card__header"
diff --git a/packages/fuselage/src/components/CheckBox/__snapshots__/CheckBox.spec.tsx.snap b/packages/fuselage/src/components/CheckBox/__snapshots__/CheckBox.spec.tsx.snap
index 7593d88771..ffe56a3dd2 100644
--- a/packages/fuselage/src/components/CheckBox/__snapshots__/CheckBox.spec.tsx.snap
+++ b/packages/fuselage/src/components/CheckBox/__snapshots__/CheckBox.spec.tsx.snap
@@ -202,7 +202,7 @@ exports[`[CheckBox Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-check-box  is-hovered"
+                class="rcx-box rcx-box--full rcx-check-box is-hovered"
               >
                 <input
                   aria-label="Decorator Label"
@@ -224,7 +224,7 @@ exports[`[CheckBox Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-check-box  is-hovered"
+                class="rcx-box rcx-box--full rcx-check-box is-hovered"
               >
                 <input
                   aria-label="Decorator Label"
@@ -254,7 +254,7 @@ exports[`[CheckBox Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-check-box  is-active"
+                class="rcx-box rcx-box--full rcx-check-box is-active"
               >
                 <input
                   aria-label="Decorator Label"
@@ -276,7 +276,7 @@ exports[`[CheckBox Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-check-box  is-active"
+                class="rcx-box rcx-box--full rcx-check-box is-active"
               >
                 <input
                   aria-label="Decorator Label"
@@ -306,7 +306,7 @@ exports[`[CheckBox Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-check-box  is-focused"
+                class="rcx-box rcx-box--full rcx-check-box is-focused"
               >
                 <input
                   aria-label="Decorator Label"
@@ -328,7 +328,7 @@ exports[`[CheckBox Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-check-box  is-focused"
+                class="rcx-box rcx-box--full rcx-check-box is-focused"
               >
                 <input
                   aria-label="Decorator Label"
diff --git a/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap b/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap
index 48b8ea7bd4..7d5e7f14fe 100644
--- a/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap
+++ b/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap
@@ -16,7 +16,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
             class="rcx-box rcx-box--full rcx-css-1sl6k6j"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-x7bl3q rcx-css-1yzvz7u"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-x7bl3q rcx-css-1yzvz7u"
               title="Back"
               type="button"
             >
@@ -28,7 +28,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
               </i>
             </button>
             <div
-              class="rcx-box rcx-box--full  rcx-css-x7bl3q rcx-css-1to6ka7"
+              class="rcx-box rcx-box--full rcx-css-x7bl3q rcx-css-1to6ka7"
             >
               Contextualbar Title
             </div>
@@ -37,7 +37,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
               role="group"
             >
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-1yzvz7u"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-1yzvz7u"
                 title="Title"
                 type="button"
               >
@@ -49,7 +49,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
                 </i>
               </button>
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-1yzvz7u"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-1yzvz7u"
                 title="Add user"
                 type="button"
               >
@@ -61,7 +61,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
                 </i>
               </button>
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-1yzvz7u"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-1yzvz7u"
                 title="Close"
                 type="button"
               >
@@ -79,7 +79,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-vertical-bar__section rcx-css-s9fquj"
         >
           <label
-            class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
+            class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
           >
             <input
               class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box--type-text rcx-input-box"
@@ -110,7 +110,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button--secondary rcx-button  rcx-button-group__item rcx-css-1qcz93u"
+              class="rcx-box rcx-box--full rcx-button--secondary rcx-button rcx-button-group__item rcx-css-1qcz93u"
               type="button"
             >
               <span
@@ -120,7 +120,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item rcx-css-1qcz93u"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item rcx-css-1qcz93u"
               type="button"
             >
               <span
@@ -130,7 +130,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--large-square rcx-button--icon-secondary rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--large-square rcx-button--icon-secondary rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="More"
               type="button"
             >
@@ -165,7 +165,7 @@ exports[`[Contextualbar Rendering] renders Empty without crashing 1`] = `
             class="rcx-box rcx-box--full rcx-css-1sl6k6j"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-x7bl3q rcx-css-1yzvz7u"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-x7bl3q rcx-css-1yzvz7u"
               title="Back"
               type="button"
             >
@@ -177,7 +177,7 @@ exports[`[Contextualbar Rendering] renders Empty without crashing 1`] = `
               </i>
             </button>
             <div
-              class="rcx-box rcx-box--full  rcx-css-x7bl3q rcx-css-1to6ka7"
+              class="rcx-box rcx-box--full rcx-css-x7bl3q rcx-css-1to6ka7"
             >
               Contextualbar Empty
             </div>
@@ -186,7 +186,7 @@ exports[`[Contextualbar Rendering] renders Empty without crashing 1`] = `
               role="group"
             >
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-1yzvz7u"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-1yzvz7u"
                 title="Title"
                 type="button"
               >
@@ -246,7 +246,7 @@ exports[`[Contextualbar Rendering] renders Skeleton without crashing 1`] = `
             class="rcx-box rcx-box--full rcx-css-1sl6k6j"
           >
             <span
-              class="rcx-box rcx-box--full rcx-skeleton--text rcx-skeleton  rcx-css-x7bl3q rcx-css-16xwxf4"
+              class="rcx-box rcx-box--full rcx-skeleton--text rcx-skeleton rcx-css-x7bl3q rcx-css-16xwxf4"
             />
           </div>
         </div>
diff --git a/packages/fuselage/src/components/ContextualbarV2/__snapshots__/Contextualbar.spec.tsx.snap b/packages/fuselage/src/components/ContextualbarV2/__snapshots__/Contextualbar.spec.tsx.snap
index 096b8b2995..f0b70b6a8a 100644
--- a/packages/fuselage/src/components/ContextualbarV2/__snapshots__/Contextualbar.spec.tsx.snap
+++ b/packages/fuselage/src/components/ContextualbarV2/__snapshots__/Contextualbar.spec.tsx.snap
@@ -37,7 +37,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
               role="group"
             >
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-ue04py"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-ue04py"
                 title="Title"
                 type="button"
               >
@@ -49,7 +49,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
                 </i>
               </button>
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-ue04py"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-ue04py"
                 title="Add user"
                 type="button"
               >
@@ -61,7 +61,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
                 </i>
               </button>
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-ue04py"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-ue04py"
                 title="Close"
                 type="button"
               >
@@ -79,7 +79,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-vertical-bar__section rcx-css-14bkbcs"
         >
           <label
-            class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
+            class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
           >
             <input
               class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box--type-text rcx-input-box"
@@ -110,7 +110,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button--secondary rcx-button  rcx-button-group__item rcx-css-1qcz93u"
+              class="rcx-box rcx-box--full rcx-button--secondary rcx-button rcx-button-group__item rcx-css-1qcz93u"
               type="button"
             >
               <span
@@ -120,7 +120,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item rcx-css-1qcz93u"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item rcx-css-1qcz93u"
               type="button"
             >
               <span
@@ -130,7 +130,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--large-square rcx-button--icon-secondary rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--large-square rcx-button--icon-secondary rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="More"
               type="button"
             >
@@ -186,7 +186,7 @@ exports[`[Contextualbar Rendering] renders Empty without crashing 1`] = `
               role="group"
             >
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item rcx-css-ue04py"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item rcx-css-ue04py"
                 title="Title"
                 type="button"
               >
diff --git a/packages/fuselage/src/components/Field/__snapshots__/Field.spec.tsx.snap b/packages/fuselage/src/components/Field/__snapshots__/Field.spec.tsx.snap
index 349be5fe35..58969f97fb 100644
--- a/packages/fuselage/src/components/Field/__snapshots__/Field.spec.tsx.snap
+++ b/packages/fuselage/src/components/Field/__snapshots__/Field.spec.tsx.snap
@@ -10,7 +10,7 @@ exports[`[Field Component] renders WithCheckbox without crashing 1`] = `
         class="rcx-box rcx-box--full rcx-field__row"
       >
         <label
-          class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-field__label"
+          class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-field__label"
           for="fieldWithCheckbox"
         >
           Label
@@ -94,7 +94,7 @@ exports[`[Field Component] renders WithRadioButton without crashing 1`] = `
         class="rcx-box rcx-box--full rcx-field__row"
       >
         <label
-          class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-field__label"
+          class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-field__label"
           for="fieldWithRadio"
         >
           Label
@@ -175,7 +175,7 @@ exports[`[Field Component] renders WithTextArea without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-field"
     >
       <label
-        class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-field__label"
+        class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-field__label"
         for="fieldWithTextArea"
       >
         Label
@@ -252,7 +252,7 @@ exports[`[Field Component] renders WithTextInput without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-field"
     >
       <label
-        class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-field__label"
+        class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-field__label"
         for="fieldWithText"
       >
         Label
@@ -332,7 +332,7 @@ exports[`[Field Component] renders WithToggleSwitch without crashing 1`] = `
         class="rcx-box rcx-box--full rcx-field__row"
       >
         <label
-          class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-field__label"
+          class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-field__label"
           for="fieldWithToggle"
         >
           Label
diff --git a/packages/fuselage/src/components/Message/MessageMetrics/__snapshots__/MessageMetrics.spec.tsx.snap b/packages/fuselage/src/components/Message/MessageMetrics/__snapshots__/MessageMetrics.spec.tsx.snap
index af0632250f..cf86faa050 100644
--- a/packages/fuselage/src/components/Message/MessageMetrics/__snapshots__/MessageMetrics.spec.tsx.snap
+++ b/packages/fuselage/src/components/Message/MessageMetrics/__snapshots__/MessageMetrics.spec.tsx.snap
@@ -68,7 +68,7 @@ exports[`[MessageMetrics Rendering] renders Default without crashing 1`] = `
                 class="rcx-box rcx-box--full rcx-message-header__roles"
               >
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -77,7 +77,7 @@ exports[`[MessageMetrics Rendering] renders Default without crashing 1`] = `
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -86,7 +86,7 @@ exports[`[MessageMetrics Rendering] renders Default without crashing 1`] = `
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -240,7 +240,7 @@ exports[`[MessageMetrics Rendering] renders ThreadMetrics without crashing 1`] =
                 class="rcx-box rcx-box--full rcx-message-header__roles"
               >
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -249,7 +249,7 @@ exports[`[MessageMetrics Rendering] renders ThreadMetrics without crashing 1`] =
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -258,7 +258,7 @@ exports[`[MessageMetrics Rendering] renders ThreadMetrics without crashing 1`] =
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
diff --git a/packages/fuselage/src/components/Message/MessageReactions/__snapshots__/MessageReactions.spec.tsx.snap b/packages/fuselage/src/components/Message/MessageReactions/__snapshots__/MessageReactions.spec.tsx.snap
index c07136724c..e190ebcc53 100644
--- a/packages/fuselage/src/components/Message/MessageReactions/__snapshots__/MessageReactions.spec.tsx.snap
+++ b/packages/fuselage/src/components/Message/MessageReactions/__snapshots__/MessageReactions.spec.tsx.snap
@@ -68,7 +68,7 @@ exports[`[MessageReactions Rendering] renders Default without crashing 1`] = `
                 class="rcx-box rcx-box--full rcx-message-header__roles"
               >
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -77,7 +77,7 @@ exports[`[MessageReactions Rendering] renders Default without crashing 1`] = `
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -86,7 +86,7 @@ exports[`[MessageReactions Rendering] renders Default without crashing 1`] = `
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
diff --git a/packages/fuselage/src/components/Message/MessageToolbar/__snapshots__/MessageToolbar.spec.tsx.snap b/packages/fuselage/src/components/Message/MessageToolbar/__snapshots__/MessageToolbar.spec.tsx.snap
index 8a5b591156..679e3c0de2 100644
--- a/packages/fuselage/src/components/Message/MessageToolbar/__snapshots__/MessageToolbar.spec.tsx.snap
+++ b/packages/fuselage/src/components/Message/MessageToolbar/__snapshots__/MessageToolbar.spec.tsx.snap
@@ -68,7 +68,7 @@ exports[`[MessageToolbar Rendering] renders Default without crashing 1`] = `
                 class="rcx-box rcx-box--full rcx-message-header__roles"
               >
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -77,7 +77,7 @@ exports[`[MessageToolbar Rendering] renders Default without crashing 1`] = `
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -86,7 +86,7 @@ exports[`[MessageToolbar Rendering] renders Default without crashing 1`] = `
                   </span>
                 </span>
                 <span
-                  class="rcx-box rcx-box--full  rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
+                  class="rcx-box rcx-box--full rcx-tag  rcx-box rcx-box--full rcx-message-header__role"
                 >
                   <span
                     class="rcx-tag__inner"
@@ -119,7 +119,7 @@ exports[`[MessageToolbar Rendering] renders Default without crashing 1`] = `
               role="toolbar"
             >
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
                 title="Quote"
                 type="button"
               >
@@ -131,7 +131,7 @@ exports[`[MessageToolbar Rendering] renders Default without crashing 1`] = `
                 </i>
               </button>
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
                 title="Emoji"
                 type="button"
               >
@@ -143,7 +143,7 @@ exports[`[MessageToolbar Rendering] renders Default without crashing 1`] = `
                 </i>
               </button>
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
                 title="Thread"
                 type="button"
               >
@@ -155,7 +155,7 @@ exports[`[MessageToolbar Rendering] renders Default without crashing 1`] = `
                 </i>
               </button>
               <button
-                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+                class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
                 title="Menu"
                 type="button"
               >
diff --git a/packages/fuselage/src/components/Modal/__snapshots__/Modal.spec.tsx.snap b/packages/fuselage/src/components/Modal/__snapshots__/Modal.spec.tsx.snap
index 79fab5fec9..95878049d3 100644
--- a/packages/fuselage/src/components/Modal/__snapshots__/Modal.spec.tsx.snap
+++ b/packages/fuselage/src/components/Modal/__snapshots__/Modal.spec.tsx.snap
@@ -9,7 +9,7 @@ exports[`[Modal Component] _WithAnnotation should match the snapshot 1`] = `
       open=""
     >
       <div
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -18,7 +18,7 @@ exports[`[Modal Component] _WithAnnotation should match the snapshot 1`] = `
             class="rcx-box rcx-box--full rcx-modal__header-inner"
           >
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <h2
                 class="rcx-box rcx-box--full rcx-modal__title"
@@ -28,7 +28,7 @@ exports[`[Modal Component] _WithAnnotation should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -41,7 +41,7 @@ exports[`[Modal Component] _WithAnnotation should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -62,7 +62,7 @@ exports[`[Modal Component] _WithAnnotation should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -72,7 +72,7 @@ exports[`[Modal Component] _WithAnnotation should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -98,7 +98,7 @@ exports[`[Modal Component] _WithForm should match the snapshot 1`] = `
       open=""
     >
       <form
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -107,7 +107,7 @@ exports[`[Modal Component] _WithForm should match the snapshot 1`] = `
             class="rcx-box rcx-box--full rcx-modal__header-inner"
           >
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <h2
                 class="rcx-box rcx-box--full rcx-modal__title"
@@ -117,7 +117,7 @@ exports[`[Modal Component] _WithForm should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -130,7 +130,7 @@ exports[`[Modal Component] _WithForm should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -140,10 +140,10 @@ exports[`[Modal Component] _WithForm should match the snapshot 1`] = `
               role="group"
             >
               <div
-                class="rcx-box rcx-box--full rcx-field  rcx-field-group__item"
+                class="rcx-box rcx-box--full rcx-field rcx-field-group__item"
               >
                 <label
-                  class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-field__label"
+                  class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-field__label"
                 >
                   Label
                 </label>
@@ -169,7 +169,7 @@ exports[`[Modal Component] _WithForm should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -179,7 +179,7 @@ exports[`[Modal Component] _WithForm should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="submit"
             >
               <span
@@ -205,7 +205,7 @@ exports[`[Modal Component] _WithHeroImage should match the snapshot 1`] = `
       open=""
     >
       <div
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -214,7 +214,7 @@ exports[`[Modal Component] _WithHeroImage should match the snapshot 1`] = `
             class="rcx-box rcx-box--full rcx-modal__header-inner"
           >
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <h2
                 class="rcx-box rcx-box--full rcx-modal__title"
@@ -224,7 +224,7 @@ exports[`[Modal Component] _WithHeroImage should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -237,7 +237,7 @@ exports[`[Modal Component] _WithHeroImage should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -261,7 +261,7 @@ exports[`[Modal Component] _WithHeroImage should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -271,7 +271,7 @@ exports[`[Modal Component] _WithHeroImage should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -297,7 +297,7 @@ exports[`[Modal Component] _WithIcon should match the snapshot 1`] = `
       open=""
     >
       <div
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -306,7 +306,7 @@ exports[`[Modal Component] _WithIcon should match the snapshot 1`] = `
             class="rcx-box rcx-box--full rcx-modal__header-inner"
           >
             <div
-              class="rcx-box rcx-box--full  rcx-css-trljwa rcx-css-1xb12qx"
+              class="rcx-box rcx-box--full rcx-css-trljwa rcx-css-1xb12qx"
             >
               <i
                 aria-hidden="true"
@@ -316,7 +316,7 @@ exports[`[Modal Component] _WithIcon should match the snapshot 1`] = `
               </i>
             </div>
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <h2
                 class="rcx-box rcx-box--full rcx-modal__title"
@@ -326,7 +326,7 @@ exports[`[Modal Component] _WithIcon should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -339,7 +339,7 @@ exports[`[Modal Component] _WithIcon should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -355,7 +355,7 @@ exports[`[Modal Component] _WithIcon should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -365,7 +365,7 @@ exports[`[Modal Component] _WithIcon should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -391,7 +391,7 @@ exports[`[Modal Component] _WithIconAndTagline should match the snapshot 1`] = `
       open=""
     >
       <div
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -400,7 +400,7 @@ exports[`[Modal Component] _WithIconAndTagline should match the snapshot 1`] = `
             class="rcx-box rcx-box--full rcx-modal__header-inner"
           >
             <div
-              class="rcx-box rcx-box--full  rcx-css-trljwa rcx-css-15wh51c"
+              class="rcx-box rcx-box--full rcx-css-trljwa rcx-css-15wh51c"
             >
               <i
                 aria-hidden="true"
@@ -410,7 +410,7 @@ exports[`[Modal Component] _WithIconAndTagline should match the snapshot 1`] = `
               </i>
             </div>
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <div
                 class="rcx-box rcx-box--full rcx-modal__tagline"
@@ -425,7 +425,7 @@ exports[`[Modal Component] _WithIconAndTagline should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -438,7 +438,7 @@ exports[`[Modal Component] _WithIconAndTagline should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -454,7 +454,7 @@ exports[`[Modal Component] _WithIconAndTagline should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -464,7 +464,7 @@ exports[`[Modal Component] _WithIconAndTagline should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -490,7 +490,7 @@ exports[`[Modal Component] _WithTagline should match the snapshot 1`] = `
       open=""
     >
       <div
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -499,7 +499,7 @@ exports[`[Modal Component] _WithTagline should match the snapshot 1`] = `
             class="rcx-box rcx-box--full rcx-modal__header-inner"
           >
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <div
                 class="rcx-box rcx-box--full rcx-modal__tagline"
@@ -514,7 +514,7 @@ exports[`[Modal Component] _WithTagline should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -527,7 +527,7 @@ exports[`[Modal Component] _WithTagline should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -543,7 +543,7 @@ exports[`[Modal Component] _WithTagline should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -553,7 +553,7 @@ exports[`[Modal Component] _WithTagline should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -579,7 +579,7 @@ exports[`[Modal Component] _WithThumb should match the snapshot 1`] = `
       open=""
     >
       <div
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -600,7 +600,7 @@ exports[`[Modal Component] _WithThumb should match the snapshot 1`] = `
               </figure>
             </div>
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <h2
                 class="rcx-box rcx-box--full rcx-modal__title"
@@ -610,7 +610,7 @@ exports[`[Modal Component] _WithThumb should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -623,7 +623,7 @@ exports[`[Modal Component] _WithThumb should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -639,7 +639,7 @@ exports[`[Modal Component] _WithThumb should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -649,7 +649,7 @@ exports[`[Modal Component] _WithThumb should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -675,7 +675,7 @@ exports[`[Modal Component] Default should match the snapshot 1`] = `
       open=""
     >
       <div
-        class="rcx-box rcx-box--full  rcx-modal__inner rcx-css-1e2ego0"
+        class="rcx-box rcx-box--full rcx-modal__inner rcx-css-1e2ego0"
       >
         <header
           class="rcx-box rcx-box--full rcx-modal__header"
@@ -684,7 +684,7 @@ exports[`[Modal Component] Default should match the snapshot 1`] = `
             class="rcx-box rcx-box--full rcx-modal__header-inner"
           >
             <div
-              class="rcx-box rcx-box--full rcx-modal__header-text  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-modal__header-text rcx-css-trljwa rcx-css-lma364"
             >
               <h2
                 class="rcx-box rcx-box--full rcx-modal__title"
@@ -694,7 +694,7 @@ exports[`[Modal Component] Default should match the snapshot 1`] = `
             </div>
             <button
               aria-label="Close"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-css-trljwa rcx-css-lma364"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-css-trljwa rcx-css-lma364"
               type="button"
             >
               <i
@@ -707,7 +707,7 @@ exports[`[Modal Component] Default should match the snapshot 1`] = `
           </div>
         </header>
         <div
-          class="rcx-box rcx-box--full rcx-modal__content  rcx-css-1vw7itl"
+          class="rcx-box rcx-box--full rcx-modal__content rcx-css-1vw7itl"
         >
           <div
             class="rcx-box rcx-box--full rcx-modal__content-wrapper rcx-css-56vo9k"
@@ -723,7 +723,7 @@ exports[`[Modal Component] Default should match the snapshot 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button rcx-button-group__item"
               type="button"
             >
               <span
@@ -733,7 +733,7 @@ exports[`[Modal Component] Default should match the snapshot 1`] = `
               </span>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-button--primary rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--primary rcx-button rcx-button-group__item"
               type="button"
             >
               <span
diff --git a/packages/fuselage/src/components/NavBar/__snapshots__/NavBar.spec.tsx.snap b/packages/fuselage/src/components/NavBar/__snapshots__/NavBar.spec.tsx.snap
index d32a8d77f0..a042d12b6e 100644
--- a/packages/fuselage/src/components/NavBar/__snapshots__/NavBar.spec.tsx.snap
+++ b/packages/fuselage/src/components/NavBar/__snapshots__/NavBar.spec.tsx.snap
@@ -17,7 +17,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
             role="toolbar"
           >
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="home"
               type="button"
             >
@@ -29,7 +29,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="marketplace"
               type="button"
             >
@@ -41,7 +41,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="directory"
               type="button"
             >
@@ -53,7 +53,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="audit"
               type="button"
             >
@@ -65,7 +65,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="contacts"
               type="button"
             >
@@ -87,7 +87,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
             <button
               aria-expanded="false"
               aria-haspopup="true"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               id="react-aria-1"
               title="sort"
               type="button"
@@ -100,7 +100,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="search"
               type="button"
             >
@@ -114,7 +114,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
             <button
               aria-expanded="false"
               aria-haspopup="true"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               id="react-aria-3"
               title="create new"
               type="button"
@@ -135,7 +135,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
             role="toolbar"
           >
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="dialpad"
               type="button"
             >
@@ -147,7 +147,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="live"
               type="button"
             >
@@ -159,7 +159,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="phone-disabled"
               type="button"
             >
@@ -171,7 +171,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
               </i>
             </button>
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="message-disabled"
               type="button"
             >
@@ -192,7 +192,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
             role="group"
           >
             <button
-              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-navbar-item rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               title="preferences"
               type="button"
             >
@@ -206,7 +206,7 @@ exports[`[NavBar Component] renders Default without crashing 1`] = `
             <button
               aria-expanded="false"
               aria-haspopup="true"
-              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+              class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
               id="react-aria-5"
               title="profile"
               type="button"
diff --git a/packages/fuselage/src/components/PasswordInput/__snapshots__/PasswordInput.spec.tsx.snap b/packages/fuselage/src/components/PasswordInput/__snapshots__/PasswordInput.spec.tsx.snap
index 64c9b1847a..05b4ee371e 100644
--- a/packages/fuselage/src/components/PasswordInput/__snapshots__/PasswordInput.spec.tsx.snap
+++ b/packages/fuselage/src/components/PasswordInput/__snapshots__/PasswordInput.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`[PasswordInput Component] renders without crashing 1`] = `
 <body>
   <div>
     <label
-      class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
+      class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
     >
       <input
         aria-label="password"
diff --git a/packages/fuselage/src/components/RadioButton/__snapshots__/RadioButton.spec.tsx.snap b/packages/fuselage/src/components/RadioButton/__snapshots__/RadioButton.spec.tsx.snap
index 21c4d681f1..fff3686769 100644
--- a/packages/fuselage/src/components/RadioButton/__snapshots__/RadioButton.spec.tsx.snap
+++ b/packages/fuselage/src/components/RadioButton/__snapshots__/RadioButton.spec.tsx.snap
@@ -161,7 +161,7 @@ exports[`[RadioButton Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-radio-button  is-hovered"
+                class="rcx-box rcx-box--full rcx-radio-button is-hovered"
               >
                 <input
                   aria-label="Decorator Label"
@@ -183,7 +183,7 @@ exports[`[RadioButton Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-radio-button  is-hovered"
+                class="rcx-box rcx-box--full rcx-radio-button is-hovered"
               >
                 <input
                   aria-label="Decorator Label"
@@ -213,7 +213,7 @@ exports[`[RadioButton Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-radio-button  is-active"
+                class="rcx-box rcx-box--full rcx-radio-button is-active"
               >
                 <input
                   aria-label="Decorator Label"
@@ -235,7 +235,7 @@ exports[`[RadioButton Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-radio-button  is-active"
+                class="rcx-box rcx-box--full rcx-radio-button is-active"
               >
                 <input
                   aria-label="Decorator Label"
@@ -265,7 +265,7 @@ exports[`[RadioButton Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-radio-button  is-focused"
+                class="rcx-box rcx-box--full rcx-radio-button is-focused"
               >
                 <input
                   aria-label="Decorator Label"
@@ -287,7 +287,7 @@ exports[`[RadioButton Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-radio-button  is-focused"
+                class="rcx-box rcx-box--full rcx-radio-button is-focused"
               >
                 <input
                   aria-label="Decorator Label"
diff --git a/packages/fuselage/src/components/SelectInput/__snapshots__/SelectInput.spec.tsx.snap b/packages/fuselage/src/components/SelectInput/__snapshots__/SelectInput.spec.tsx.snap
index 3a89177968..c5966c87fb 100644
--- a/packages/fuselage/src/components/SelectInput/__snapshots__/SelectInput.spec.tsx.snap
+++ b/packages/fuselage/src/components/SelectInput/__snapshots__/SelectInput.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`[SelectInput Component] renders without crashing 1`] = `
 <body>
   <div>
     <label
-      class="rcx-box rcx-box--full rcx-label  rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
+      class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper"
     >
       <select
         aria-label="select"
diff --git a/packages/fuselage/src/components/Sidebar/TopBar/__snapshots__/TopBar.spec.tsx.snap b/packages/fuselage/src/components/Sidebar/TopBar/__snapshots__/TopBar.spec.tsx.snap
index 47df958fc8..7636e7a953 100644
--- a/packages/fuselage/src/components/Sidebar/TopBar/__snapshots__/TopBar.spec.tsx.snap
+++ b/packages/fuselage/src/components/Sidebar/TopBar/__snapshots__/TopBar.spec.tsx.snap
@@ -20,7 +20,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
         role="group"
       >
         <button
-          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
           title="home"
           type="button"
         >
@@ -32,7 +32,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
           </i>
         </button>
         <button
-          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
           title="search"
           type="button"
         >
@@ -44,7 +44,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
           </i>
         </button>
         <button
-          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
           title="discover"
           type="button"
         >
@@ -56,7 +56,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
           </i>
         </button>
         <button
-          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
           title="sort"
           type="button"
         >
@@ -68,7 +68,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
           </i>
         </button>
         <button
-          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+          class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
           title="edit"
           type="button"
         >
@@ -88,7 +88,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
         class="rc-box rc-box--full rcx-sidebar-topbar__wrapper"
       >
         <div
-          class="rcx-box rcx-box--full  rcx-sidebar-topbar__title rcx-css-1te28na"
+          class="rcx-box rcx-box--full rcx-sidebar-topbar__title rcx-css-1te28na"
         >
           Title
         </div>
@@ -97,7 +97,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
           role="group"
         >
           <button
-            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--icon-success rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--icon-success rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
             title="call"
             type="button"
           >
@@ -109,7 +109,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
             </i>
           </button>
           <button
-            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
             title="message"
             type="button"
           >
@@ -133,7 +133,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
         class="rc-box rc-box--full rcx-sidebar-topbar__wrapper"
       >
         <div
-          class="rcx-box rcx-box--full  rcx-sidebar-topbar__title rcx-css-1te28na"
+          class="rcx-box rcx-box--full rcx-sidebar-topbar__title rcx-css-1te28na"
         >
           Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title Long Title
         </div>
@@ -142,7 +142,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
           role="group"
         >
           <button
-            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
             title="dialpad"
             type="button"
           >
@@ -154,7 +154,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
             </i>
           </button>
           <button
-            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--icon-success rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--icon-success rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
             title="call"
             type="button"
           >
@@ -166,7 +166,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
             </i>
           </button>
           <button
-            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--icon-danger rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--icon-danger rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
             title="end"
             type="button"
           >
@@ -178,7 +178,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
             </i>
           </button>
           <button
-            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
             title="message"
             type="button"
           >
@@ -190,7 +190,7 @@ exports[`[TopBar Rendering] renders Default without crashing 1`] = `
             </i>
           </button>
           <button
-            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button  rcx-button-group__item"
+            class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--icon rcx-button rcx-button-group__item"
             title="contact"
             type="button"
           >
diff --git a/packages/fuselage/src/components/Table/__snapshots__/Table.spec.tsx.snap b/packages/fuselage/src/components/Table/__snapshots__/Table.spec.tsx.snap
index 788d7c4b2b..1d8ae56fd5 100644
--- a/packages/fuselage/src/components/Table/__snapshots__/Table.spec.tsx.snap
+++ b/packages/fuselage/src/components/Table/__snapshots__/Table.spec.tsx.snap
@@ -746,7 +746,7 @@ exports[`[Table Rendering] renders WithSelection without crashing 1`] = `
           role="group"
         >
           <button
-            class="rcx-box rcx-box--full rcx-button--small rcx-button  rcx-button-group__item rcx-css-1yzvz7u"
+            class="rcx-box rcx-box--full rcx-button--small rcx-button rcx-button-group__item rcx-css-1yzvz7u"
             type="button"
           >
             <span
@@ -756,7 +756,7 @@ exports[`[Table Rendering] renders WithSelection without crashing 1`] = `
             </span>
           </button>
           <button
-            class="rcx-box rcx-box--full rcx-button--small rcx-button  rcx-button-group__item rcx-css-1yzvz7u"
+            class="rcx-box rcx-box--full rcx-button--small rcx-button rcx-button-group__item rcx-css-1yzvz7u"
             type="button"
           >
             <span
diff --git a/packages/fuselage/src/components/Tag/__snapshots__/Tag.spec.tsx.snap b/packages/fuselage/src/components/Tag/__snapshots__/Tag.spec.tsx.snap
index 29e0f601e1..ef8a386e64 100644
--- a/packages/fuselage/src/components/Tag/__snapshots__/Tag.spec.tsx.snap
+++ b/packages/fuselage/src/components/Tag/__snapshots__/Tag.spec.tsx.snap
@@ -7,7 +7,7 @@ exports[`[Tag Rendering] renders _Danger without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--danger"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--danger"
       >
         <span
           class="rcx-tag__inner"
@@ -27,7 +27,7 @@ exports[`[Tag Rendering] renders _Primary without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--primary"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--primary"
       >
         <span
           class="rcx-tag__inner"
@@ -47,7 +47,7 @@ exports[`[Tag Rendering] renders _SecondaryDanger without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--secondary-danger"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--secondary-danger"
       >
         <span
           class="rcx-tag__inner"
@@ -67,7 +67,7 @@ exports[`[Tag Rendering] renders AsLink without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <a
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--clickable"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--clickable"
         href="#"
       >
         <span
@@ -88,7 +88,7 @@ exports[`[Tag Rendering] renders Clickable without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--clickable"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--clickable"
       >
         <span
           class="rcx-tag__inner"
@@ -108,7 +108,7 @@ exports[`[Tag Rendering] renders Default without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag "
+        class="rcx-box rcx-box--full rcx-tag "
       >
         <span
           class="rcx-tag__inner"
@@ -128,7 +128,7 @@ exports[`[Tag Rendering] renders Disabled without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--disabled"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--disabled"
       >
         <span
           class="rcx-tag__inner"
@@ -148,7 +148,7 @@ exports[`[Tag Rendering] renders Featured without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--featured"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--featured"
       >
         <span
           class="rcx-tag__inner"
@@ -168,7 +168,7 @@ exports[`[Tag Rendering] renders Large without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--large"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--large"
       >
         <span
           class="rcx-tag__inner"
@@ -188,7 +188,7 @@ exports[`[Tag Rendering] renders Medium without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--medium"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--medium"
       >
         <span
           class="rcx-tag__inner"
@@ -208,7 +208,7 @@ exports[`[Tag Rendering] renders Secondary without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--secondary"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--secondary"
       >
         <span
           class="rcx-tag__inner"
@@ -229,7 +229,7 @@ exports[`[Tag Rendering] renders Variants without crashing 1`] = `
       role="group"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag  rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag  rcx-button-group__item"
       >
         <span
           class="rcx-tag__inner"
@@ -238,7 +238,7 @@ exports[`[Tag Rendering] renders Variants without crashing 1`] = `
         </span>
       </span>
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--primary rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--primary rcx-button-group__item"
       >
         <span
           class="rcx-tag__inner"
@@ -247,7 +247,7 @@ exports[`[Tag Rendering] renders Variants without crashing 1`] = `
         </span>
       </span>
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--danger rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--danger rcx-button-group__item"
       >
         <span
           class="rcx-tag__inner"
@@ -256,7 +256,7 @@ exports[`[Tag Rendering] renders Variants without crashing 1`] = `
         </span>
       </span>
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--warning rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--warning rcx-button-group__item"
       >
         <span
           class="rcx-tag__inner"
@@ -265,7 +265,7 @@ exports[`[Tag Rendering] renders Variants without crashing 1`] = `
         </span>
       </span>
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--featured rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--featured rcx-button-group__item"
       >
         <span
           class="rcx-tag__inner"
@@ -286,7 +286,7 @@ exports[`[Tag Rendering] renders VariantsAsLinks without crashing 1`] = `
       role="group"
     >
       <a
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--clickable rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--clickable rcx-button-group__item"
         href="#"
       >
         <span
@@ -296,7 +296,7 @@ exports[`[Tag Rendering] renders VariantsAsLinks without crashing 1`] = `
         </span>
       </a>
       <a
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--primary rcx-tag--clickable rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--primary rcx-tag--clickable rcx-button-group__item"
         href="#"
       >
         <span
@@ -306,7 +306,7 @@ exports[`[Tag Rendering] renders VariantsAsLinks without crashing 1`] = `
         </span>
       </a>
       <a
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--danger rcx-tag--clickable rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--danger rcx-tag--clickable rcx-button-group__item"
         href="#"
       >
         <span
@@ -316,7 +316,7 @@ exports[`[Tag Rendering] renders VariantsAsLinks without crashing 1`] = `
         </span>
       </a>
       <a
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--warning rcx-tag--clickable rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--warning rcx-tag--clickable rcx-button-group__item"
         href="#"
       >
         <span
@@ -326,7 +326,7 @@ exports[`[Tag Rendering] renders VariantsAsLinks without crashing 1`] = `
         </span>
       </a>
       <a
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--featured rcx-tag--clickable rcx-button-group__item"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--featured rcx-tag--clickable rcx-button-group__item"
         href="#"
       >
         <span
@@ -347,7 +347,7 @@ exports[`[Tag Rendering] renders Warning without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag rcx-tag--warning"
+        class="rcx-box rcx-box--full rcx-tag rcx-tag--warning"
       >
         <span
           class="rcx-tag__inner"
@@ -367,7 +367,7 @@ exports[`[Tag Rendering] renders WithIcon without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-8i0p31"
     >
       <span
-        class="rcx-box rcx-box--full  rcx-tag "
+        class="rcx-box rcx-box--full rcx-tag "
       >
         <i
           aria-hidden="true"
diff --git a/packages/fuselage/src/components/ToastBar/__snapshots__/ToastBar.spec.tsx.snap b/packages/fuselage/src/components/ToastBar/__snapshots__/ToastBar.spec.tsx.snap
index a1fad48b99..007db19d94 100644
--- a/packages/fuselage/src/components/ToastBar/__snapshots__/ToastBar.spec.tsx.snap
+++ b/packages/fuselage/src/components/ToastBar/__snapshots__/ToastBar.spec.tsx.snap
@@ -11,7 +11,7 @@ exports[`[ToastBar Rendering] renders Default without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-info rcx-icon  rcx-toastbar_icon--info rcx-css-4pvxx3"
+          class="rcx-box rcx-box--full rcx-icon--name-info rcx-icon rcx-toastbar_icon--info rcx-css-4pvxx3"
         >
           
         </i>
@@ -43,7 +43,7 @@ exports[`[ToastBar Rendering] renders Error without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-ban rcx-icon  rcx-toastbar_icon--error rcx-css-4pvxx3"
+          class="rcx-box rcx-box--full rcx-icon--name-ban rcx-icon rcx-toastbar_icon--error rcx-css-4pvxx3"
         >
           
         </i>
@@ -75,7 +75,7 @@ exports[`[ToastBar Rendering] renders Success without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-circle-check rcx-icon  rcx-toastbar_icon--success rcx-css-4pvxx3"
+          class="rcx-box rcx-box--full rcx-icon--name-circle-check rcx-icon rcx-toastbar_icon--success rcx-css-4pvxx3"
         >
           
         </i>
@@ -107,7 +107,7 @@ exports[`[ToastBar Rendering] renders TinyText without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-info rcx-icon  rcx-toastbar_icon--info rcx-css-4pvxx3"
+          class="rcx-box rcx-box--full rcx-icon--name-info rcx-icon rcx-toastbar_icon--info rcx-css-4pvxx3"
         >
           
         </i>
@@ -137,7 +137,7 @@ exports[`[ToastBar Rendering] renders WithCloseButton without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-info rcx-icon  rcx-toastbar_icon--info rcx-css-4pvxx3"
+          class="rcx-box rcx-box--full rcx-icon--name-info rcx-icon rcx-toastbar_icon--info rcx-css-4pvxx3"
         >
           
         </i>
diff --git a/packages/fuselage/src/components/ToggleSwitch/__snapshots__/ToggleSwitch.spec.tsx.snap b/packages/fuselage/src/components/ToggleSwitch/__snapshots__/ToggleSwitch.spec.tsx.snap
index 17b4fe0e2f..3cc4912607 100644
--- a/packages/fuselage/src/components/ToggleSwitch/__snapshots__/ToggleSwitch.spec.tsx.snap
+++ b/packages/fuselage/src/components/ToggleSwitch/__snapshots__/ToggleSwitch.spec.tsx.snap
@@ -161,7 +161,7 @@ exports[`[ToggleSwitch Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-toggle-switch  is-hovered"
+                class="rcx-box rcx-box--full rcx-toggle-switch is-hovered"
               >
                 <input
                   aria-label="Decorator Label"
@@ -183,7 +183,7 @@ exports[`[ToggleSwitch Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-toggle-switch  is-hovered"
+                class="rcx-box rcx-box--full rcx-toggle-switch is-hovered"
               >
                 <input
                   aria-label="Decorator Label"
@@ -213,7 +213,7 @@ exports[`[ToggleSwitch Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-toggle-switch  is-active"
+                class="rcx-box rcx-box--full rcx-toggle-switch is-active"
               >
                 <input
                   aria-label="Decorator Label"
@@ -235,7 +235,7 @@ exports[`[ToggleSwitch Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-toggle-switch  is-active"
+                class="rcx-box rcx-box--full rcx-toggle-switch is-active"
               >
                 <input
                   aria-label="Decorator Label"
@@ -265,7 +265,7 @@ exports[`[ToggleSwitch Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-toggle-switch  is-focused"
+                class="rcx-box rcx-box--full rcx-toggle-switch is-focused"
               >
                 <input
                   aria-label="Decorator Label"
@@ -287,7 +287,7 @@ exports[`[ToggleSwitch Rendering] renders States without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-7rd89h"
             >
               <label
-                class="rcx-box rcx-box--full rcx-toggle-switch  is-focused"
+                class="rcx-box rcx-box--full rcx-toggle-switch is-focused"
               >
                 <input
                   aria-label="Decorator Label"
diff --git a/packages/fuselage/src/helpers/appendClassName.ts b/packages/fuselage/src/helpers/appendClassName.ts
index 58583eacd9..25335db689 100644
--- a/packages/fuselage/src/helpers/appendClassName.ts
+++ b/packages/fuselage/src/helpers/appendClassName.ts
@@ -4,7 +4,7 @@ export const appendClassName = <T extends string | string[] | undefined>(
   currentClassName: T,
   newClassName: string,
 ): R<T> => {
-  if (currentClassName === undefined) {
+  if (currentClassName === undefined || currentClassName === '') {
     return newClassName as R<T>;
   }