fix: mf-3901 disable interative for tooltip in social account list (#…

…9251)
DimensionDev · Apr 4, 2023 · 04d0743 · 04d0743
1 parent ad58a3c
commit 04d0743
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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>
             }>