From a9c6901752a7454d8209a367b99e40d633988179 Mon Sep 17 00:00:00 2001
From: "Chuma Mcphoy (We Ahead)" <chuma.mcphoy@scandichotels.com>
Date: Mon, 7 Apr 2025 13:55:23 +0000
Subject: [PATCH] Merged in fix/SW-2204-check-icon-centering (pull request
 #1746)

fix(SW-2204): Fix Checkmark Alignment in RadioCard Component

* fix(SW-2204): add wrapper to fix checkmark alignment

* chore(SW-2204): update RadioCard check icon class naming


Approved-by: Christian Andolf
---
 .../components/TempDesignSystem/Form/RadioCard/index.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/index.tsx b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/index.tsx
index 3b04e07f3..82b345c9f 100644
--- a/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/index.tsx
@@ -41,12 +41,9 @@ export default function RadioCard({
       onClick={onLabelClick}
       tabIndex={0}
     >
-      <MaterialIcon
-        icon="check"
-        className={styles.selectedIcon}
-        size={22}
-        color="Icon/Inverted"
-      />
+      <div className={styles.selectedIcon}>
+        <MaterialIcon icon="check" size={22} color="Icon/Inverted" />
+      </div>
       {Icon ? (
         <Icon
           className={styles.icon}