diff --git a/freedata_gui/src/components/chat_messages_sent.vue b/freedata_gui/src/components/chat_messages_sent.vue
index b7add3fc..1d5b201e 100644
--- a/freedata_gui/src/components/chat_messages_sent.vue
+++ b/freedata_gui/src/components/chat_messages_sent.vue
@@ -46,8 +46,8 @@
           </div>
         </div>
 
-        <div class="card-body">
-          <p class="card-text">{{ message.body }}</p>
+        <div class="card-body w-100">
+          <p class="card-text w-100">{{ message.body }}</p>
         </div>
 
         <div class="card-footer p-0 bg-secondary border-top-0">
@@ -164,13 +164,12 @@ export default {
   computed: {
     messageWidthClass() {
       // Calculate a Bootstrap grid class based on message length
-      // Adjust the logic as needed to fit your requirements
       if (this.message.body.length <= 50) {
         return "col-4";
       } else if (this.message.body.length <= 100) {
-        return "col-6";
+        return "col-5";
       } else {
-        return "col-9";
+        return "col-5";
       }
     },