diff --git a/src/pages/index/ChatPage.vue b/src/pages/index/ChatPage.vue
index 03a2fde..964bf1c 100644
--- a/src/pages/index/ChatPage.vue
+++ b/src/pages/index/ChatPage.vue
@@ -896,6 +896,7 @@ export default {
 .message-content {
   max-width: 60%;
   margin: 0 10px;
+  clear: both;
 }
 
 .message-time {
@@ -916,6 +917,7 @@ export default {
   line-height: 1.5;
   word-break: break-word;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  float: right;
 }
 
 .message-me .message-bubble {