diff --git a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss
index 06c20939..ffa4d33e 100644
--- a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss
+++ b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss
@@ -117,14 +117,14 @@
       height: 40px;
       border-radius: 80px;
       transition: all 0.3s;
-      border: 1px solid #e9ecef;
       background: #fff;
       cursor: pointer;
-
+      border: 1px solid #e9ecef;
       &:hover {
         background-color: #f8f9fa;
         border-color: #1890ff;
         box-shadow: 0 0px 12px rgba(24, 144, 255, 0.15);
+        border: 1px solid #e9ecef;
       }
 
       .anticon {
diff --git a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx
index 99cdacf8..4d833e96 100644
--- a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx
+++ b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx
@@ -180,14 +180,12 @@ const NavCommon: React.FC<NavCommonProps> = ({
                 />
               </div>
             </Dropdown>
-            <Badge count={messageCount} size="small">
-              <div
-                className={styles.messageButton}
-                onClick={handleMessageClick}
-              >
-                <BellOutlined style={{ fontSize: 18 }} />
-              </div>
-            </Badge>
+
+            <div className={styles.messageButton} onClick={handleMessageClick}>
+              <Badge count={messageCount} size="small">
+                <BellOutlined style={{ fontSize: 20 }} />
+              </Badge>
+            </div>
           </Space>
         </div>
       </Header>