diff --git a/src/app/shared/chat/messages/messages.page.scss b/src/app/shared/chat/messages/messages.page.scss
index a7e20c885..4db736f3c 100644
--- a/src/app/shared/chat/messages/messages.page.scss
+++ b/src/app/shared/chat/messages/messages.page.scss
@@ -156,15 +156,6 @@ ion-content {
     .other-message,
     .my-message {
 
-
-
-      // Common styles for incoming messages
-      display: flex;
-      /* justify-content: flex-end; */
-      align-items: end;
-      flex-direction: column;
-      //margin-bottom: 10px; // Adjust as needed
-      //padding: 5px; // Adjust as needed
       .message-container {
         padding: 15px 20px;
         margin: 10px 20px 10px 75px;
@@ -174,7 +165,10 @@ ion-content {
     }
 
     .other-message {
-
+      display: flex;
+      /* justify-content: flex-end; */
+      align-items: start;
+      flex-direction: column;
       // float: left;
       // Styles for incoming messages from other users
       justify-content: flex-start;
@@ -189,9 +183,10 @@ ion-content {
 
   .my-message {
 
-    //float: right;
-    // Styles for incoming messages from the current user
-    justify-content: flex-end;
+    display: flex;
+    /* justify-content: flex-end; */
+    align-items: end;
+    flex-direction: column;
   }
 
   .message-bubble {