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} />