diff --git a/src/components/chat/CurrentChat.vue b/src/components/chat/CurrentChat.vue
index 744c38a60f0ebdbcdd6286e3aa04a8c1977fd95a..5931c10b9a75f5712dbb9bbb509c58b21814a921 100644
--- a/src/components/chat/CurrentChat.vue
+++ b/src/components/chat/CurrentChat.vue
@@ -2,7 +2,7 @@
     <div class="col-span-3 sm:col-span-2 block">
         <div class="w-full">
             <div class="flex justify-between border-b border-gray-300">
-                <div class="grid space-y-2 content-center m-3">
+                <div class="grid sm:hidden  space-y-2 content-center m-3">
                     <div class="w-8 h-0.5 bg-gray-600"></div>
                     <div class="w-8 h-0.5 bg-gray-600"></div>
                     <div class="w-8 h-0.5 bg-gray-600"></div>
@@ -16,9 +16,9 @@
                 <div></div>
             </div>
 
-            <div class="relative w-full p-6 overflow-y-auto h-full">
+            <div class="relative w-full p-6 overflow-y-auto" style="max-height: 400px">
                 <ul class="space-y-2">
-                    <div>
+                    <div >
                         <ChatMessage v-for="(message, i) in messages" v-bind:key="i" :message="message"></ChatMessage>
                     </div>
                 </ul>
@@ -46,6 +46,7 @@ import axios from 'axios';
 import { parseCurrentUser } from "@/utils/token-utils";
 import ws from '@/services/ws';
 
+
 export default {
     data: () => {
         return {
diff --git a/src/main.js b/src/main.js
index faa873e19d71b1ae27c031044705bcf27c5c08db..746f980cf57f85df08c4f148014f569154b1f589 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,5 +5,8 @@ import store from "./store";
 import "./index.css";
 import ws from './services/ws';
 
-createApp(App).use(router).use(store).mount("#app");
+createApp(App)
+    .use(router)
+    .use(store)
+    .mount("#app");
 console.log("WS", ws.test);
\ No newline at end of file