diff --git a/packages/maskbook/src/extension/options-page/DashboardComponents/InputBox.tsx b/packages/maskbook/src/extension/options-page/DashboardComponents/InputBox.tsx
index 8287b80e51b6..dab52706733e 100644
--- a/packages/maskbook/src/extension/options-page/DashboardComponents/InputBox.tsx
+++ b/packages/maskbook/src/extension/options-page/DashboardComponents/InputBox.tsx
@@ -51,7 +51,7 @@ export function InputBox(props: InputBoxProps) {
                     {label}
                 </Typography>
             ) : null}
-            <Paper component="form" className={classes.search} elevation={0}>
+            <Paper className={classes.search} elevation={0}>
                 <IconButton size="large" className={classes.iconButton} aria-label="label">
                     {children}
                 </IconButton>
diff --git a/packages/maskbook/src/extension/popups/RequestPermission/RequestPermission.tsx b/packages/maskbook/src/extension/popups/RequestPermission/RequestPermission.tsx
index 6f373b9664b9..0efa471e7828 100644
--- a/packages/maskbook/src/extension/popups/RequestPermission/RequestPermission.tsx
+++ b/packages/maskbook/src/extension/popups/RequestPermission/RequestPermission.tsx
@@ -1,6 +1,5 @@
 import {
     Button,
-    Card,
     List,
     ListItem,
     ListItemText,
@@ -9,22 +8,15 @@ import {
     DialogActions,
     DialogContent,
 } from '@material-ui/core'
-import { makeStyles } from '@masknet/theme'
 
-const useStyles = makeStyles()((theme) => ({
-    root: {
-        margin: theme.spacing(2, 2, 2, 2),
-    },
-}))
 export interface RequestPermissionProps extends browser.permissions.Permissions {
     onRequestApprove(): void
     onCancel(): void
 }
 export function RequestPermission(props: RequestPermissionProps) {
-    const { classes } = useStyles()
     const { origins, permissions } = props
     return (
-        <Card className={classes.root}>
+        <>
             <DialogTitle>Mask needs the following permissions</DialogTitle>
             <DialogContent>
                 {origins?.length ? (
@@ -54,6 +46,6 @@ export function RequestPermission(props: RequestPermissionProps) {
                     Approve
                 </Button>
             </DialogActions>
-        </Card>
+        </>
     )
 }
diff --git a/packages/maskbook/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx b/packages/maskbook/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx
index 1eff7c9a0453..5c85d16836b7 100644
--- a/packages/maskbook/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx
+++ b/packages/maskbook/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx
@@ -291,7 +291,7 @@ export function SelectNftTokenDialog(props: SelectNftTokenDialogProps) {
                 <DialogContent className={classes.dialogContent}>
                     <Box className={classes.tokenBox}>
                         <div className={classes.searchWrapperSingle}>
-                            <Paper component="form" className={classes.search} elevation={0}>
+                            <Paper className={classes.search} elevation={0}>
                                 <SearchIcon className={classes.iconButton} />
                                 <InputBase
                                     value={tokenId}
@@ -345,7 +345,7 @@ export function SelectNftTokenDialog(props: SelectNftTokenDialogProps) {
                 <DialogContent className={classNames(classes.dialogContent, classes.dialogContentFixedHeight)}>
                     <Box className={classes.ownerTokenBox}>
                         <div className={classes.searchWrapper}>
-                            <Paper component="form" className={classes.search} elevation={0}>
+                            <Paper className={classes.search} elevation={0}>
                                 <SearchIcon className={classes.iconButton} />
                                 <InputBase
                                     value={tokenId}