From 04d07438cd379d9806daa8354f01f8f04585f4a3 Mon Sep 17 00:00:00 2001
From: UncleBill <billbill290@gmail.com>
Date: Tue, 4 Apr 2023 15:39:12 +0800
Subject: [PATCH] fix: mf-3901 disable interative for tooltip in social account
 list (#9251)

---
 .../src/UI/components/SocialAccountList/SocialTooltip.tsx  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/shared/src/UI/components/SocialAccountList/SocialTooltip.tsx b/packages/shared/src/UI/components/SocialAccountList/SocialTooltip.tsx
index 4b2bef1540d..538f743c7b0 100644
--- a/packages/shared/src/UI/components/SocialAccountList/SocialTooltip.tsx
+++ b/packages/shared/src/UI/components/SocialAccountList/SocialTooltip.tsx
@@ -12,6 +12,10 @@ interface StyleProps {
 
 const useStyles = makeStyles<StyleProps>()((theme, { hidden = false }) => {
     return {
+        title: {
+            padding: '6px 2px',
+            whiteSpace: 'nowrap',
+        },
         tooltip: {
             visibility: hidden ? 'hidden' : 'visible',
         },
@@ -28,10 +32,11 @@ export function SocialTooltip({ children, hidden = false, platform = NextIDPlatf
     return (
         <ShadowRootTooltip
             classes={{ tooltip: classes.tooltip }}
+            disableInteractive
             arrow
             placement="top"
             title={
-                <Typography style={{ padding: '6px 2px', whiteSpace: 'nowrap' }} fontSize={14}>
+                <Typography className={classes.title} fontSize={14}>
                     {t.account_icon_tooltips({ source: resolveNextIDPlatformName(platform) })}
                 </Typography>
             }>