diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss
index bbb083f72..366ffd05f 100644
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -134,6 +134,12 @@
       }
       .content-input{
         padding: 20px;
+        margin-bottom: 30px;
+      }
+      button{
+        background-color: #009999;
+        padding: 9px 20px;
+        
       }
   }
 }
\ No newline at end of file
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 56796d2bd..3fd30e28a 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -324,7 +324,6 @@ export function PromptHints(props: {
   );
 }
 
-
 function useScrollToBottom() {
   // for auto-scroll
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -592,11 +591,12 @@ export function Chat(props: {
   ) {
     const copiedHello = Object.assign({}, BOT_HELLO);
     if (!accessStore.isAuthorized()) {
-      setDialog(true)
       // copiedHello.content = Locale.Error.Unauthorized;
+      setDialog(true)
     }
     context.push(copiedHello);
   }
+
   const handleClick = () =>{
     accessStore.updateCode(dialogValue);
     setDialog(false)
@@ -851,10 +851,9 @@ export function Chat(props: {
                   setDialogValue(e.currentTarget.value);
               }} />
             </div>
-            <button style="margin-top: 30px" onClick={handleClick}>确定</button>
+            <button  onClick={handleClick}>确定</button>
           </div>
       </div> : ''}
-     
     </div>
   );
 }