From c0a7a19294f10133a23fa0301971b2a8037bb4b7 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Wed, 17 Jul 2024 20:52:01 +0500
Subject: [PATCH] MM-58527 - Fixing overflow issue for autocomplete (#27479)

* MM-58527 - Fixing overflow issue for autocomplete

* MM-58527 - Fixing overflow issue on autocomplete
---
 webapp/channels/src/components/widgets/header/header.scss | 1 +
 webapp/channels/src/sass/base/_structure.scss             | 2 +-
 webapp/channels/src/sass/components/_post.scss            | 1 +
 webapp/channels/src/sass/layout/_content.scss             | 1 +
 webapp/channels/src/sass/layout/_headers.scss             | 1 +
 5 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/components/widgets/header/header.scss b/webapp/channels/src/components/widgets/header/header.scss
index 37fd6f1df4..e448d8d06c 100644
--- a/webapp/channels/src/components/widgets/header/header.scss
+++ b/webapp/channels/src/components/widgets/header/header.scss
@@ -7,6 +7,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 0 16px;
+    border-radius: 12px 12px 0 0;
     background-color: var(--center-channel-bg);
 
     h1,
diff --git a/webapp/channels/src/sass/base/_structure.scss b/webapp/channels/src/sass/base/_structure.scss
index 2bf94fbc4c..7cbdb65cb6 100644
--- a/webapp/channels/src/sass/base/_structure.scss
+++ b/webapp/channels/src/sass/base/_structure.scss
@@ -211,7 +211,7 @@ body.app__body #root {
     #channel_view,
     .product-wrapper {
         grid-area: center;
-        overflow: hidden;
+        overflow: visible;
     }
 
     .sidebar--right--width-holder {
diff --git a/webapp/channels/src/sass/components/_post.scss b/webapp/channels/src/sass/components/_post.scss
index 39b3f221b8..3c382106e2 100644
--- a/webapp/channels/src/sass/components/_post.scss
+++ b/webapp/channels/src/sass/components/_post.scss
@@ -370,6 +370,7 @@
 .post-create__container {
     width: 100%;
     flex: 0 0 auto;
+    border-radius: 0 0 12px 12px;
     background: var(--center-channel-bg);
     color: var(--center-channel-color);
 
diff --git a/webapp/channels/src/sass/layout/_content.scss b/webapp/channels/src/sass/layout/_content.scss
index 7003604dc1..49cc10602b 100644
--- a/webapp/channels/src/sass/layout/_content.scss
+++ b/webapp/channels/src/sass/layout/_content.scss
@@ -53,6 +53,7 @@
     height: 100%;
     flex-direction: column;
     padding-top: 50px;
+    border-radius: 12px;
     background: var(--center-channel-bg);
     color: var(--center-channel-text);
 
diff --git a/webapp/channels/src/sass/layout/_headers.scss b/webapp/channels/src/sass/layout/_headers.scss
index fea948e405..622380cb9e 100644
--- a/webapp/channels/src/sass/layout/_headers.scss
+++ b/webapp/channels/src/sass/layout/_headers.scss
@@ -6,6 +6,7 @@
     width: 100%;
     max-height: 56px;
     padding: 12px;
+    border-radius: 12px 12px 0 0;
     border-bottom: var(--border-default);
     background: v(center-channel-bg);
     font-size: 14px;