diff --git a/packages/mask/src/components/shared/WalletStatusBox/TransactionList.tsx b/packages/mask/src/components/shared/WalletStatusBox/TransactionList.tsx
index 9b82106b994d..cd328e98de8d 100644
--- a/packages/mask/src/components/shared/WalletStatusBox/TransactionList.tsx
+++ b/packages/mask/src/components/shared/WalletStatusBox/TransactionList.tsx
@@ -46,6 +46,9 @@ const useStyles = makeStyles()((theme) => ({
         overflow: 'hidden',
         whiteSpace: 'nowrap',
     },
+    timestamp: {
+        fontSize: 12,
+    },
     cell: {
         fontSize: 14,
         display: 'flex',
@@ -63,6 +66,9 @@ const useStyles = makeStyles()((theme) => ({
         height: 12,
         marginLeft: theme.spacing(0.5),
     },
+    clear: {
+        fontSize: 14,
+    },
 }))
 
 const statusTextColorMap: Record<TransactionStatusType, string> = {
@@ -141,7 +147,7 @@ const Transaction: FC<TransactionProps> = ({ chainId, transaction: tx, onClear =
                         component="strong">
                         {functionName}
                     </Typography>
-                    <Typography variant="body1" color={theme.palette.text.secondary}>
+                    <Typography className={classes.timestamp} variant="body1" color={theme.palette.text.secondary}>
                         {format(tx.at, 'yyyy.MM.dd hh:mm')}
                     </Typography>
                 </Stack>
@@ -167,7 +173,7 @@ const Transaction: FC<TransactionProps> = ({ chainId, transaction: tx, onClear =
             </Grid>
             <Grid item className={classes.cell} md={2} justifyContent="center">
                 {txStatus === TransactionStatusType.NOT_DEPEND ? (
-                    <Button variant="text" size="small" onClick={handleClear}>
+                    <Button className={classes.clear} variant="text" size="small" onClick={handleClear}>
                         {t('wallet_status_pending_clear')}
                     </Button>
                 ) : null}
diff --git a/packages/mask/src/components/shared/WalletStatusBox/usePendingTransactions.tsx b/packages/mask/src/components/shared/WalletStatusBox/usePendingTransactions.tsx
index 2c1ac060c7c1..5d55a6d8deaa 100644
--- a/packages/mask/src/components/shared/WalletStatusBox/usePendingTransactions.tsx
+++ b/packages/mask/src/components/shared/WalletStatusBox/usePendingTransactions.tsx
@@ -55,7 +55,7 @@ export function usePendingTransactions() {
     const frozenTxes = useRef<RecentTransaction[]>([])
     const [meltedTxHashes, setMeltedTxHashes] = useState<string[]>([])
     useEffect(() => {
-        frozenTxes.current = pendingTransactions.slice(0, 2)
+        frozenTxes.current = pendingTransactions.slice(0, 5)
         setMeltedTxHashes([])
     }, [showRecentTransactions])
     const clearRecentTxes = useClearRecentTransactions()