diff --git a/src/renderer/src/components/sider/conn-card.tsx b/src/renderer/src/components/sider/conn-card.tsx
index 3627a45..dc893b6 100644
--- a/src/renderer/src/components/sider/conn-card.tsx
+++ b/src/renderer/src/components/sider/conn-card.tsx
@@ -95,7 +95,7 @@ const ConnCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={connectionCardStatus}
+      className={`${connectionCardStatus} conn-card`}
     >
       {connectionCardStatus === 'col-span-2' ? (
         <>
diff --git a/src/renderer/src/components/sider/mihomo-core-card.tsx b/src/renderer/src/components/sider/mihomo-core-card.tsx
index 529b999..fd492b7 100644
--- a/src/renderer/src/components/sider/mihomo-core-card.tsx
+++ b/src/renderer/src/components/sider/mihomo-core-card.tsx
@@ -51,7 +51,7 @@ const MihomoCoreCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={mihomoCoreCardStatus}
+      className={`${mihomoCoreCardStatus} mihomo-core-card`}
     >
       {mihomoCoreCardStatus === 'col-span-2' ? (
         <Card
diff --git a/src/renderer/src/components/sider/outbound-mode-switcher.tsx b/src/renderer/src/components/sider/outbound-mode-switcher.tsx
index 9f99677..9fc9404 100644
--- a/src/renderer/src/components/sider/outbound-mode-switcher.tsx
+++ b/src/renderer/src/components/sider/outbound-mode-switcher.tsx
@@ -25,7 +25,7 @@ const OutboundModeSwitcher: React.FC = () => {
       color="primary"
       selectedKey={mode}
       classNames={{
-        tabList: 'bg-content1 shadow-medium'
+        tabList: 'bg-content1 shadow-medium outbound-mode-card'
       }}
       onSelectionChange={(key: Key) => onChangeMode(key as OutboundMode)}
     >
diff --git a/src/renderer/src/components/sider/proxy-card.tsx b/src/renderer/src/components/sider/proxy-card.tsx
index c311657..cc4fbdf 100644
--- a/src/renderer/src/components/sider/proxy-card.tsx
+++ b/src/renderer/src/components/sider/proxy-card.tsx
@@ -32,7 +32,7 @@ const ProxyCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={proxyCardStatus}
+      className={`${proxyCardStatus} proxy-card`}
     >
       <Card
         fullWidth
diff --git a/src/renderer/src/components/sider/resource-card.tsx b/src/renderer/src/components/sider/resource-card.tsx
index 0044a3a..68ddc57 100644
--- a/src/renderer/src/components/sider/resource-card.tsx
+++ b/src/renderer/src/components/sider/resource-card.tsx
@@ -29,7 +29,7 @@ const ResourceCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={resourceCardStatus}
+      className={`${resourceCardStatus} resource-card`}
     >
       <Card
         fullWidth
diff --git a/src/renderer/src/components/sider/rule-card.tsx b/src/renderer/src/components/sider/rule-card.tsx
index 3f042f9..e085273 100644
--- a/src/renderer/src/components/sider/rule-card.tsx
+++ b/src/renderer/src/components/sider/rule-card.tsx
@@ -31,7 +31,7 @@ const RuleCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={ruleCardStatus}
+      className={`${ruleCardStatus} rule-card`}
     >
       <Card
         fullWidth
diff --git a/src/renderer/src/components/sider/sniff-card.tsx b/src/renderer/src/components/sider/sniff-card.tsx
index daaf88f..2d9f540 100644
--- a/src/renderer/src/components/sider/sniff-card.tsx
+++ b/src/renderer/src/components/sider/sniff-card.tsx
@@ -40,7 +40,7 @@ const SniffCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={`${sniffCardStatus} ${!controlSniff ? 'hidden' : ''}`}
+      className={`${sniffCardStatus} ${!controlSniff ? 'hidden' : ''} sniff-card`}
     >
       <Card
         fullWidth
diff --git a/src/renderer/src/components/sider/substore-card.tsx b/src/renderer/src/components/sider/substore-card.tsx
index 021ddfe..8a70d7e 100644
--- a/src/renderer/src/components/sider/substore-card.tsx
+++ b/src/renderer/src/components/sider/substore-card.tsx
@@ -28,7 +28,7 @@ const SubStoreCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={`${substoreCardStatus} ${!useSubStore ? 'hidden' : ''}`}
+      className={`${substoreCardStatus} ${!useSubStore ? 'hidden' : ''} substore-card`}
     >
       <Card
         ref={setNodeRef}