diff --git a/src/renderer/src/components/sider/dns-card.tsx b/src/renderer/src/components/sider/dns-card.tsx
index 3caf9d0..e68b1d8 100644
--- a/src/renderer/src/components/sider/dns-card.tsx
+++ b/src/renderer/src/components/sider/dns-card.tsx
@@ -1,7 +1,7 @@
 import { Button, Card, CardBody, CardFooter } from '@nextui-org/react'
 import { useControledMihomoConfig } from '@renderer/hooks/use-controled-mihomo-config'
 import BorderSwitch from '@renderer/components/base/border-swtich'
-import { MdOutlineDns } from 'react-icons/md'
+import { LuServer } from 'react-icons/lu'
 import { useLocation, useNavigate } from 'react-router-dom'
 import { patchMihomoConfig } from '@renderer/utils/ipc'
 
@@ -32,7 +32,7 @@ const DNSCard: React.FC = () => {
             variant="flat"
             color="default"
           >
-            <MdOutlineDns
+            <LuServer
               className={`${match ? 'text-white' : 'text-foreground'} text-[24px] font-bold`}
             />
           </Button>
diff --git a/src/renderer/src/components/sider/log-card.tsx b/src/renderer/src/components/sider/log-card.tsx
index 552a502..9d9bbec 100644
--- a/src/renderer/src/components/sider/log-card.tsx
+++ b/src/renderer/src/components/sider/log-card.tsx
@@ -22,7 +22,7 @@ const LogCard: React.FC = () => {
           >
             <IoJournal
               color="default"
-              className={`${match ? 'text-white' : 'text-foreground'} text-[20px] font-bold`}
+              className={`${match ? 'text-white' : 'text-foreground'} text-[24px] font-bold`}
             />
           </Button>
         </div>
diff --git a/src/renderer/src/components/sider/rule-card.tsx b/src/renderer/src/components/sider/rule-card.tsx
index 22234f7..7401718 100644
--- a/src/renderer/src/components/sider/rule-card.tsx
+++ b/src/renderer/src/components/sider/rule-card.tsx
@@ -28,7 +28,7 @@ const RuleCard: React.FC = () => {
           >
             <MdOutlineAltRoute
               color="default"
-              className={`${match ? 'text-white' : 'text-foreground'} text-[20px]`}
+              className={`${match ? 'text-white' : 'text-foreground'} text-[24px]`}
             />
           </Button>
           <Chip
diff --git a/src/renderer/src/components/sider/sniff-card.tsx b/src/renderer/src/components/sider/sniff-card.tsx
index 1bfb474..62a37ea 100644
--- a/src/renderer/src/components/sider/sniff-card.tsx
+++ b/src/renderer/src/components/sider/sniff-card.tsx
@@ -1,6 +1,6 @@
 import { Button, Card, CardBody, CardFooter } from '@nextui-org/react'
 import BorderSwitch from '@renderer/components/base/border-swtich'
-import { GrDomain } from 'react-icons/gr'
+import { RiScan2Fill } from 'react-icons/ri'
 import { useLocation, useNavigate } from 'react-router-dom'
 import { patchMihomoConfig } from '@renderer/utils/ipc'
 import { useControledMihomoConfig } from '@renderer/hooks/use-controled-mihomo-config'
@@ -32,7 +32,7 @@ const SniffCard: React.FC = () => {
             variant="flat"
             color="default"
           >
-            <GrDomain
+            <RiScan2Fill
               color="default"
               className={`${match ? 'text-white' : 'text-foreground'} text-[24px]`}
             />
diff --git a/src/renderer/src/components/sider/test-card.tsx b/src/renderer/src/components/sider/test-card.tsx
index b0e3928..ab9a736 100644
--- a/src/renderer/src/components/sider/test-card.tsx
+++ b/src/renderer/src/components/sider/test-card.tsx
@@ -24,7 +24,7 @@ const TestCard: React.FC = () => {
           >
             <TbWorldCheck
               color="default"
-              className={`${match ? 'text-white' : 'text-foreground'} text-[20px] font-bold`}
+              className={`${match ? 'text-white' : 'text-foreground'} text-[24px] font-bold`}
             />
           </Button>
         </div>