From eceb090b141dd94900e5bf65f8fca7a310b51723 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Wed, 4 Oct 2023 12:06:51 +0300
Subject: [PATCH 1/2] remove double scroll bar in mobile chat

---
 .../ChatMobileModal.module.scss               |  8 ---
 .../ChatMobileModal/ChatMobileModal.tsx       | 70 +++++++++----------
 2 files changed, 34 insertions(+), 44 deletions(-)

diff --git a/src/pages/common/components/ChatMobileModal/ChatMobileModal.module.scss b/src/pages/common/components/ChatMobileModal/ChatMobileModal.module.scss
index 3f1e08039e..401eba5dab 100644
--- a/src/pages/common/components/ChatMobileModal/ChatMobileModal.module.scss
+++ b/src/pages/common/components/ChatMobileModal/ChatMobileModal.module.scss
@@ -38,14 +38,6 @@
   margin-right: 0.25rem;
 }
 
-.content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  height: calc(100vh - #{$container-mobile-header-height});
-}
-
 .commonName {
   margin: 0;
 }
diff --git a/src/pages/common/components/ChatMobileModal/ChatMobileModal.tsx b/src/pages/common/components/ChatMobileModal/ChatMobileModal.tsx
index 5d285b4034..d11fa4475b 100644
--- a/src/pages/common/components/ChatMobileModal/ChatMobileModal.tsx
+++ b/src/pages/common/components/ChatMobileModal/ChatMobileModal.tsx
@@ -56,44 +56,42 @@ const ChatMobileModal: FC<ChatMobileModalProps> = (props) => {
       isHeaderSticky={Boolean(header)}
       mobileFullScreen
     >
-      <div className={styles.content}>
-        {!header && (
-          <div className={styles.header}>
-            <div className={styles.headerContent}>
-              {hasBackButton && (
-                <ButtonIcon onClick={onClose}>
-                  <LongLeftArrowIcon className={styles.backButtonIcon} />
-                </ButtonIcon>
-              )}
-              <Image
-                className={styles.image}
-                src={commonImage}
-                alt={`${commonName}'s image`}
-                placeholderElement={null}
-                aria-hidden
-              />
-              <p className={styles.commonName}>{commonName}</p>
-            </div>
-            {hasCloseIcon && (
-              <CloseIcon
-                width={closeIconSize}
-                height={closeIconSize}
-                fill={Colors.secondaryBlue}
-              />
+      {!header && (
+        <div className={styles.header}>
+          <div className={styles.headerContent}>
+            {hasBackButton && (
+              <ButtonIcon onClick={onClose}>
+                <LongLeftArrowIcon className={styles.backButtonIcon} />
+              </ButtonIcon>
             )}
+            <Image
+              className={styles.image}
+              src={commonImage}
+              alt={`${commonName}'s image`}
+              placeholderElement={null}
+              aria-hidden
+            />
+            <p className={styles.commonName}>{commonName}</p>
           </div>
-        )}
-        {title && (
-          <p
-            className={classNames(styles.title, {
-              [styles.titleRTL]: isRTL(title),
-            })}
-          >
-            {title}
-          </p>
-        )}
-        <div className={styles.modalChildren}>{children}</div>
-      </div>
+          {hasCloseIcon && (
+            <CloseIcon
+              width={closeIconSize}
+              height={closeIconSize}
+              fill={Colors.secondaryBlue}
+            />
+          )}
+        </div>
+      )}
+      {title && (
+        <p
+          className={classNames(styles.title, {
+            [styles.titleRTL]: isRTL(title),
+          })}
+        >
+          {title}
+        </p>
+      )}
+      <div className={styles.modalChildren}>{children}</div>
     </Modal>
   );
 };

From 95649d6d4e0bf024f0aa18a109a0abfa35535340 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Wed, 4 Oct 2023 15:49:03 +0300
Subject: [PATCH 2/2] .

---
 .../components/ChatComponent/ChatComponent.module.scss     | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
index 116687b69a..629a0feb63 100644
--- a/src/pages/common/components/ChatComponent/ChatComponent.module.scss
+++ b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
@@ -10,11 +10,6 @@
   background-color: $white;
   box-sizing: border-box;
   --chat-input-wrapper-height: 3.125rem;
-
-  @include tablet {
-    height: 100%;
-    margin-top: 0;
-  }
 }
 
 .messages {
@@ -24,7 +19,7 @@
   display: flex;
   flex-direction: column-reverse;
   padding: 0.5rem 2rem 0;
-  padding-bottom: calc(var(--chat-input-wrapper-height) + 7rem);
+  padding-bottom: var(--chat-input-wrapper-height);
 }
 
 .emptyChat {