diff --git a/gui_vue/src/components/chat.vue b/gui_vue/src/components/chat.vue
index 8ebb3f9c..4ca88465 100644
--- a/gui_vue/src/components/chat.vue
+++ b/gui_vue/src/components/chat.vue
@@ -43,8 +43,8 @@ function transmitNewMessage(){
 
                   <chat_navbar/>
 
-                  <div class="row h-100 ms-1 mt-1 me-1">
-                    <div class="col-4">
+                  <div class="row h-100 ms-0 mt-0 me-1">
+                    <div class="col-3 m-0 p-0 bg-light">
                       <!------Chats area ---------------------------------------------------------------------->
                       <div class="container-fluid m-0 p-0">
                                              <chat_conversations/>
@@ -59,7 +59,7 @@ function transmitNewMessage(){
                         ></div>
                       </div>
                     </div>
-                    <div class="col-8 border-start vh-100 p-0">
+                    <div class="col-9 border-start vh-100 p-0">
                       <div
                         class="position-absolute container bottom-0 end-0 mb-5"
                         style="z-index: 100; display: none"
diff --git a/gui_vue/src/components/chat_conversations.vue b/gui_vue/src/components/chat_conversations.vue
index 0b7d85a6..74a7387b 100644
--- a/gui_vue/src/components/chat_conversations.vue
+++ b/gui_vue/src/components/chat_conversations.vue
@@ -38,13 +38,13 @@ function chatSelected(callsign){
 </script>
 <template>
 
-<div class="list-group" id="chat-list-tab" role="chat-tablist">
+<div class="list-group m-0 p-0" id="chat-list-tab" role="chat-tablist">
        <template  v-for="(item, key) in chat.callsign_list" :key="item.dxcallsign">
-           <a class="list-group-item list-group-item-action" :class="{ active: key==0 }" :id="`list-chat-list-${item}`" data-bs-toggle="list" :href="`#list-${item}-messages`" role="tab" aria-controls="list-{{item}}-messages" @click="chatSelected(item)">
+           <a class="list-group-item list-group-item-action border-bottom border-0" :class="{ active: key==0 }" :id="`list-chat-list-${item}`" data-bs-toggle="list" :href="`#list-${item}-messages`" role="tab" aria-controls="list-{{item}}-messages" @click="chatSelected(item)">
                 <div class="row">
                     <div class="col-9">{{item}}</div>
                     <div class="col-3">
-                        <button class="btn btn-sm btn-outline-danger ms-5" @click="deleteChat(item)"><i class="bi bi-trash"></i></button>
+                        <button class="btn btn-sm btn-outline-danger ms-2" @click="deleteChat(item)"><i class="bi bi-trash"></i></button>
                     </div>
                 </div>
             </a>