diff --git a/static/html/chat_page.html b/static/html/chat_page.html
index eadfed2..1e6aee4 100644
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@@ -73,12 +73,12 @@
         .chatBoxMe .chatUser{text-align: right}
         .chatBoxMe .chatContent:after{left:auto;right: -10px;}
         .chatArea{float: left;width: 76%;margin: 4px 0 0 4px;}
+        .btnArea{width: 20%;float: right;}
         @media screen and (max-width: 500px) {
-            .chatArea {
-                width: 60%;
-            }
+            .chatArea {width: 60%;}
+            .btnArea{width: 35%;}
         }
-        .btnArea{width: 20%;float: right;}
+
         .chatTitle{height: 30px;line-height: 30px;color: #1989fa}
         .chatBoxSend{background: #fff;position: fixed;bottom: 0;width: 100%;height: 67px;max-width: 800px;}
         .chatBoxSendBtn{float: right;margin: 12px 4px 0 0;}