From a8d6c3790a7fec4392e7dd8746c9ce7341f1153f Mon Sep 17 00:00:00 2001
From: Michael Zetterberg <michael.zetterberg@scandichotels.com>
Date: Tue, 30 Jul 2024 16:44:29 +0200
Subject: [PATCH] fix(SW-230): stop Safari from parsing membership number as
 phone number on iOS

---
 .../MyPages/Blocks/Overview/Friend/MemershipNumber/index.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/MyPages/Blocks/Overview/Friend/MemershipNumber/index.tsx b/components/MyPages/Blocks/Overview/Friend/MemershipNumber/index.tsx
index 4b4538420..afb045656 100644
--- a/components/MyPages/Blocks/Overview/Friend/MemershipNumber/index.tsx
+++ b/components/MyPages/Blocks/Overview/Friend/MemershipNumber/index.tsx
@@ -22,8 +22,8 @@ export default async function MembershipNumber({
         {": "}
       </Caption>
       <span className={styles.icon}>
-        <Caption className={styles.icon} color="pale">
-          {membership.membershipNumber ?? "N/A"}
+        <Caption className={styles.icon} color="pale" asChild>
+          <code>{membership.membershipNumber ?? "N/A"}</code>
         </Caption>
         {membership && (
           <CopyButton membershipNumber={membership.membershipNumber} />