diff --git a/static/html/chat_main.html b/static/html/chat_main.html
index 133f42f..01bd800 100644
--- a/static/html/chat_main.html
+++ b/static/html/chat_main.html
@@ -35,6 +35,7 @@
             word-break: break-all;
             position: relative;
             border-radius: 5px;
+            display: inline-block;
         }
         .chatContent:after {
             content: '';
@@ -50,7 +51,7 @@
             border-top-style: solid;
             border-top-color: rgb(166,212,242);
         }
-        .chatBoxMe .chatContent{background-color: rgb(152,225,101);border: 1px solid rgb(145, 215, 96);}
+        .chatBoxMe .chatContent{float: right;background-color: rgb(152,225,101);border: 1px solid rgb(145, 215, 96);}
         .chatBoxMe .chatContent:after{border-top-color: rgb(152,225,101);}
         .chatBoxMe .el-col-3{float: right;text-align: right;}
         .chatBoxMe .chatUser{text-align: right}
diff --git a/static/html/chat_page.html b/static/html/chat_page.html
index 2f0d753..d269f92 100644
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@@ -47,6 +47,7 @@
             word-break: break-all;
             position: relative;
             border-radius: 5px;
+            display: inline-block;
         }
         .chatContent:after {
             content: '';
@@ -62,7 +63,7 @@
             border-top-style: solid;
             border-top-color: rgb(166,212,242);
         }
-        .chatBoxMe .chatContent{background-color: rgb(152,225,101);border: 1px solid rgb(145, 215, 96);}
+        .chatBoxMe .chatContent{float: right;background-color: rgb(152,225,101);border: 1px solid rgb(145, 215, 96);}
         .chatBoxMe .chatContent:after{border-top-color: rgb(152,225,101);}
         .chatBoxMe .el-col-3{float: right;text-align: right;}
         .chatBoxMe .chatUser{text-align: right}