diff --git a/packages/mask/src/components/shared/ApplicationBoard.tsx b/packages/mask/src/components/shared/ApplicationBoard.tsx
index f7f5f096736f..f29e43f03f35 100644
--- a/packages/mask/src/components/shared/ApplicationBoard.tsx
+++ b/packages/mask/src/components/shared/ApplicationBoard.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useState, useMemo } from 'react'
+import { useState, useMemo } from 'react'
 import { makeStyles, getMaskColor } from '@masknet/theme'
 import { Typography, useTheme } from '@mui/material'
 import { useChainId } from '@masknet/web3-shared-evm'
@@ -126,13 +126,12 @@ export function ApplicationBoard() {
 
             {listedAppList.length > 0 ? (
                 <section className={classes.applicationWrapper}>
-                    {listedAppList.map((application) => {
-                        return (
-                            <Fragment key={application.entry.ApplicationEntryID}>
-                                <RenderEntryComponentWrapper application={application} />
-                            </Fragment>
-                        )
-                    })}
+                    {listedAppList.map((application) => (
+                        <RenderEntryComponentWrapper
+                            key={application.entry.ApplicationEntryID}
+                            application={application}
+                        />
+                    ))}
                 </section>
             ) : (
                 <div className={classes.placeholderWrapper}>
diff --git a/packages/mask/src/components/shared/ApplicationSettingPluginList.tsx b/packages/mask/src/components/shared/ApplicationSettingPluginList.tsx
index dde913c69569..fd2becd0bebd 100644
--- a/packages/mask/src/components/shared/ApplicationSettingPluginList.tsx
+++ b/packages/mask/src/components/shared/ApplicationSettingPluginList.tsx
@@ -1,5 +1,5 @@
 import { useActivatedPluginsSNSAdaptor, Plugin } from '@masknet/plugin-infra/content-script'
-import { Fragment, useMemo, useState, useCallback } from 'react'
+import { useMemo, useState, useCallback } from 'react'
 import { List, ListItem, Typography } from '@mui/material'
 import { makeStyles, getMaskColor } from '@masknet/theme'
 import { EMPTY_LIST } from '@masknet/shared-base'
@@ -135,10 +135,13 @@ function AppList(props: AppListProps) {
 
     return appList.length > 0 ? (
         <List className={classes.list}>
-            {appList.map((x, i) => (
-                <Fragment key={x.entry.ApplicationEntryID}>
-                    <AppListItem application={x} setUnlistedApp={setUnlistedApp} isListed={isListed} />
-                </Fragment>
+            {appList.map((application, index) => (
+                <AppListItem
+                    key={index}
+                    application={application}
+                    setUnlistedApp={setUnlistedApp}
+                    isListed={isListed}
+                />
             ))}
         </List>
     ) : (