diff --git a/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectionIcon.tsx b/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectionIcon.tsx
index 0d31b3b041f5..37552b88f8e3 100644
--- a/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectionIcon.tsx
+++ b/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectionIcon.tsx
@@ -24,7 +24,6 @@ const useStyles = makeStyles()((theme) => ({
     },
     tip: {
         padding: theme.spacing(1),
-        color: '#ffffff',
     },
     selected: {
         border: '2px solid #1D9BF0',
@@ -45,6 +44,7 @@ export const CollectionIcon = memo<CollectionIconProps>(({ collection, onClick,
     }
     return (
         <Tooltip
+            placement="right-end"
             classes={{ tooltip: classes.tip }}
             PopperProps={{
                 disablePortal: true,
diff --git a/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts b/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts
index 3c0a9bb1b85b..d4e7de66b713 100644
--- a/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts
+++ b/packages/mask/src/social-network-adaptor/twitter.com/customization/custom.ts
@@ -250,6 +250,9 @@ export function useThemeTwitterVariant(baseTheme: Theme) {
                     tooltipArrow: {
                         backgroundColor: theme.palette.background.tipMask,
                     },
+                    arrow: {
+                        color: theme.palette.background.tipMask,
+                    },
                 },
             }
             theme.components.MuiSnackbar = {