diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index 5cf12ad19..7b313ffc5 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -19,7 +19,29 @@
   height: var(--window-height);
 }
 
+.not-wx-work {
+  width: 95%;
+  text-align: left;
+  margin: 0 auto;
+  display: flex;
+}
+
+.button-2 {
+  cursor: pointer;
+  position: relative;
+  color: lightsalmon;
+  display: flex;
+  justify-content: center;
+}
+
+.not-allow {
+  width: 95%;
+  text-align: left;
+  margin: 0 auto;
+}
+
 .button {
+  margin: 0 auto;
   cursor: pointer;
   position: relative;
   display: inline-block;
diff --git a/app/components/home.tsx b/app/components/home.tsx
index 296455290..ac4c1e3b9 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -694,12 +694,12 @@ export function Home() {
           <h2>服务出了点问题~</h2>
         ) : // 不在企业微信
         !isWorkWechat() ? (
-          <h2 className="not-wx-work">请在企业微信里使用ChatGPT,路径：企业微信--工作台--ChatGPT</h2>
+          <h2 className={styles['not-wx-work']}>请在企业微信里使用ChatGPT,路径：企业微信--工作台--ChatGPT</h2>
         ) : // 不在白名单
         !isAllow ? (
-          <h2 className="not-allow">
+          <h2 className={styles['not-allow']}>
             <span className="text">抱歉，您还没有申请使用权限。请无线连接到ZKT-Office或VPN连接正常</span>
-            <span onClick={goApply} className={styles["button"]}>
+            <span onClick={goApply} className={styles["button-2"]}>
               去申请
             </span>
           </h2>