From a1f867ed95d5c8ac76634c788428210e3f10ccf9 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Tue, 14 Nov 2023 22:32:19 -0500
Subject: [PATCH 1/3] messages ballons updated design

---
 .../components/ChatComponent/ChatComponent.module.scss       | 1 +
 .../components/Chat/ChatMessage/ChatMessage.module.scss      | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
index a6b857552c..99720ee7a5 100644
--- a/src/pages/common/components/ChatComponent/ChatComponent.module.scss
+++ b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
@@ -23,6 +23,7 @@
 
   @include big-phone {
     margin-bottom: 0;
+    padding: 0.5rem 0.5rem 0 0.5rem;
   }
 }
 
diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
index 0c49ea1085..27e242ba27 100644
--- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
+++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -107,7 +107,7 @@
   font-size: $xxsmall-2;
   color: $c-gray-60;
   direction: ltr;
-  margin: 0 4.25rem;
+  margin: 0 1.25rem;
 }
 
 .messageName {
@@ -135,7 +135,8 @@
 
 .messageContentCurrentUser {
   color: $white;
-  margin-right: 2.5rem;
+  margin-right: 0.5rem;
+  margin-top: 0.5rem;
 }
 
 .mentionText {

From b23455e8e6976ffa65158f2c296810f60afeff3f Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Wed, 15 Nov 2023 17:43:50 -0500
Subject: [PATCH 2/3] code review

---
 .../components/ChatComponent/ChatComponent.module.scss      | 2 +-
 .../components/Chat/ChatMessage/ChatMessage.module.scss     | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
index 99720ee7a5..8da6835c47 100644
--- a/src/pages/common/components/ChatComponent/ChatComponent.module.scss
+++ b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
@@ -23,7 +23,7 @@
 
   @include big-phone {
     margin-bottom: 0;
-    padding: 0.5rem 0.5rem 0 0.5rem;
+    padding: 0.5rem 0rem 0 0.5rem;
   }
 }
 
diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
index 27e242ba27..1694ccf3ab 100644
--- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
+++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -115,7 +115,7 @@
   font-weight: 600;
   color: $secondary-blue;
   margin-right: 2.5rem;
-  margin-left: 1rem;
+  margin-left: 0.75rem;
   margin-bottom: 0.5rem;
   cursor: pointer;
 }
@@ -123,8 +123,8 @@
 .messageContent {
   word-wrap: break-word;
   white-space: pre-line;
-  margin-right: 1rem;
-  margin-left: 1rem;
+  margin-right: 0.75rem;
+  margin-left: 0.75rem;
   word-break: break-word;
 }
 

From 7c0df5ba0165eec1d1558c07479b12595abf9ea7 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Thu, 16 Nov 2023 15:02:08 -0500
Subject: [PATCH 3/3] fix mobile messages missing margin

---
 .../common/components/ChatComponent/ChatComponent.module.scss   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
index 8da6835c47..3f558a052f 100644
--- a/src/pages/common/components/ChatComponent/ChatComponent.module.scss
+++ b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
@@ -23,7 +23,7 @@
 
   @include big-phone {
     margin-bottom: 0;
-    padding: 0.5rem 0rem 0 0.5rem;
+    padding: 0.5rem 0.75rem 0 0.5rem;
   }
 }