fix: add mobile design for details form

components/TempDesignSystem/Form/JoinScandicFriendsCard/index.tsx

@@ -34,29 +34,31 @@ export default function JoinScandicFriendsCard({
   ]
 
   return (
-    <label className={styles.cardContainer}>
+    <div className={styles.cardContainer}>
       <header className={styles.header}>
-        <Checkbox name={name} className={styles.checkBox} />
-        <div>
-          <Caption type="label" textTransform="uppercase" color="red">
-            {intl.formatMessage(
-              {
-                id: "Only pay {amount} {currency}",
-              },
-              {
-                amount: intl.formatNumber(difference.price),
-                currency: difference.currency,
-              }
-            )}
-          </Caption>
-          <Caption
-            type="label"
-            textTransform="uppercase"
-            color="uiTextHighContrast"
-          >
-            {intl.formatMessage({ id: "Join Scandic Friends" })}
-          </Caption>
-        </div>
+        <Checkbox name={name} className={styles.checkBox}>
+          <div>
+            <Caption type="label" textTransform="uppercase" color="red">
+              {intl.formatMessage(
+                {
+                  id: "Only pay {amount} {currency}",
+                },
+                {
+                  amount: intl.formatNumber(difference.price),
+                  currency: difference.currency,
+                }
+              )}
+            </Caption>
+            <Caption
+              type="label"
+              textTransform="uppercase"
+              color="uiTextHighContrast"
+            >
+              {intl.formatMessage({ id: "Join Scandic Friends" })}
+            </Caption>
+          </div>
+        </Checkbox>
+
         <Footnote color="uiTextHighContrast">
           {intl.formatMessage({ id: "Already a friend?" })}{" "}
           <LoginButton
@@ -103,6 +105,6 @@ export default function JoinScandicFriendsCard({
           }
         )}
       </Footnote>
-    </label>
+    </div>
   )
 }