diff --git a/packages/shared/src/UI/components/TokenSecurity/CheckSecurityDialog.tsx b/packages/shared/src/UI/components/TokenSecurity/CheckSecurityDialog.tsx
index 868420c0fc9d..a47eb982e03d 100644
--- a/packages/shared/src/UI/components/TokenSecurity/CheckSecurityDialog.tsx
+++ b/packages/shared/src/UI/components/TokenSecurity/CheckSecurityDialog.tsx
@@ -12,13 +12,12 @@ import { useFungibleToken, useFungibleTokenPrice } from '@masknet/plugin-infra/w
 import { NetworkPluginID } from '@masknet/web3-shared-base'
 
 const useStyles = makeStyles()((theme) => ({
-    root: {
-        width: 600,
-    },
     content: {
-        height: 510,
-        maxHeight: 510,
-        padding: 16,
+        margin: 0,
+        padding: '0px !important',
+        '::-webkit-scrollbar': {
+            display: 'none',
+        },
     },
     footer: {
         boxShadow:
@@ -30,7 +29,7 @@ const useStyles = makeStyles()((theme) => ({
     },
 }))
 
-export interface BuyTokenDialogProps extends withClasses<never | 'root'> {
+export interface BuyTokenDialogProps {
     open: boolean
     onClose(): void
     tokenSecurity: TokenSecurity
@@ -53,13 +52,9 @@ export function CheckSecurityDialog(props: BuyTokenDialogProps) {
     }, [tokenSecurity])
 
     return (
-        <InjectedDialog
-            classes={{ dialogContent: classes.content }}
-            title={t.check_security()}
-            open={open}
-            onClose={onClose}>
+        <InjectedDialog title={t.check_security()} open={open} onClose={onClose}>
             <DialogContent className={classes.content}>
-                <Stack height="100%" spacing={2}>
+                <Stack height="100%" padding="16px">
                     <Stack flex={1}>
                         {loadingToken && (
                             <Center>
diff --git a/packages/shared/src/UI/components/TokenSecurity/components/SecurityPanel.tsx b/packages/shared/src/UI/components/TokenSecurity/components/SecurityPanel.tsx
index 7935137dde87..b2f55f3a569b 100644
--- a/packages/shared/src/UI/components/TokenSecurity/components/SecurityPanel.tsx
+++ b/packages/shared/src/UI/components/TokenSecurity/components/SecurityPanel.tsx
@@ -27,17 +27,11 @@ const useStyles = makeStyles()((theme) => ({
         fontWeight: 700,
         fontSize: 18,
     },
-    root: {
-        width: '600px',
-    },
     detectionCard: {
         backgroundColor: theme.palette.background.default,
     },
     detectionCollection: {
         overflowY: 'auto',
-        '&::-webkit-scrollbar': {
-            display: 'none',
-        },
     },
     icon: {
         width: '48px',
@@ -101,7 +95,7 @@ export const SecurityPanel = memo<TokenCardProps>(({ tokenSecurity, tokenInfo, t
     }, [riskyFactors, attentionFactors])
 
     return (
-        <Stack spacing={2}>
+        <Stack width="100%" spacing={2}>
             <Stack
                 spacing={1}
                 direction="row"