diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
index 93188a02d1..a8c668d6f3 100644
--- a/src/components/Input/Input.tsx
+++ b/src/components/Input/Input.tsx
@@ -48,7 +48,7 @@ const bgColors = {
 const wrapper = tv({
   base: [
     'smarthr-ui-Input',
-    'shr-box-border shr-inline-flex shr-cursor-text shr-items-center shr-gap-0.5 shr-rounded-m shr-border shr-border-solid shr-border-default shr-px-0.5',
+    'shr-box-border shr-inline-flex shr-cursor-text shr-items-center shr-gap-0.5 shr-rounded-m shr-border shr-border-solid shr-border-default shr-bg-white shr-px-0.5',
     'contrast-more:shr-border-high-contrast',
     'focus-within:shr-focus-indicator',
   ],
diff --git a/src/components/StatusLabel/StatusLabel.tsx b/src/components/StatusLabel/StatusLabel.tsx
index ce5d2973ea..181a1d21cf 100644
--- a/src/components/StatusLabel/StatusLabel.tsx
+++ b/src/components/StatusLabel/StatusLabel.tsx
@@ -42,15 +42,15 @@ const statusLabel = tv({
       bold: false,
       className: ['shr-border-current'],
     },
+    {
+      type: ['grey', 'blue', 'green', 'red'],
+      bold: false,
+      className: ['shr-bg-white'],
+    },
     {
       type: 'grey',
       bold: false,
-      class: [
-        'shr-bg-white',
-        'shr-border-grey-20',
-        'shr-text-grey',
-        'contrast-more:shr-border-high-contrast',
-      ],
+      class: ['shr-border-grey-20', 'shr-text-grey', 'contrast-more:shr-border-high-contrast'],
     },
     {
       type: 'blue',