From 9fbb62fd9f3533f163e89ac9deb3e53c63a6c3c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Sch=C3=A4r?=
 <59233938+schaertim@users.noreply.github.com>
Date: Wed, 11 Sep 2024 14:14:14 +0200
Subject: [PATCH] chore(styles): try to match design

---
 packages/styles/src/components/form-check.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/styles/src/components/form-check.scss b/packages/styles/src/components/form-check.scss
index 0e29d48141..5ab6a57f52 100644
--- a/packages/styles/src/components/form-check.scss
+++ b/packages/styles/src/components/form-check.scss
@@ -30,7 +30,7 @@ tokens.$default-map: components.$post-radio-button;
     }
 
     // TODO: Use tokens for these (not yet provided)
-    outline-offset: spacing.$size-line !important;
+    outline-offset: 3px !important;
     border-radius: commons.$border-radius;
   }
 
@@ -79,7 +79,7 @@ tokens.$default-map: components.$post-radio-button;
     height: tokens.get('radio-button','icon-height-inner');
     width: tokens.get('radio-button', 'icon-width-inner');
     border: tokens.get('radio-button', 'icon-border-width') solid tokens.get('radio-button', 'enabled-stroke');
-    margin-top: 10px;
+    margin-top: 1px;
 
     @include utility-mx.high-contrast-mode {
       border-color: FieldText; // For blink-browser as otherwise the default color (which is not a full color) will be converted to Highlight
@@ -113,7 +113,8 @@ tokens.$default-map: components.$post-radio-button;
       border-radius: tokens.get('radio-button', 'border-radius-round');
 
       &:checked::after {
-        border: spacing.$size-micro solid transparent;
+        // TODO: Use tokens
+        border: 3px solid transparent;
         background-color: currentColor;
         border-radius: inherit;
         background-clip: padding-box;