From 82a5ee83281c0d12dbfca0b30ce1502ffd4422c8 Mon Sep 17 00:00:00 2001
From: hayoonSong <39684920+hayounSong@users.noreply.github.com>
Date: Thu, 7 Nov 2024 22:47:48 +0900
Subject: [PATCH] =?UTF-8?q?hotfix:=20QA=20=EC=A0=81=EC=9A=A9=20(#1679)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: scroll error fix

* fix: 카드 margin 해결

* feat:  MO Tagsection Width 지정

* feat: MO Tagsection 수정

* fix: final hotfix QA
---
 src/components/coffeechat/CoffeeChatCard/index.tsx     |  3 +++
 src/components/coffeechat/CoffeeChatCategory/index.tsx |  5 ++++-
 .../coffeechat/CoffeeChatModal/CoffeeChatModal.tsx     | 10 ++++++++--
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx
index d340bcdc9..5a5f2d47c 100644
--- a/src/components/coffeechat/CoffeeChatCard/index.tsx
+++ b/src/components/coffeechat/CoffeeChatCard/index.tsx
@@ -407,6 +407,9 @@ const SoptTagSection = styled.div`
   div {
     white-space: nowrap;
   }
+  @media ${MB_BIG_MEDIA_QUERY}{
+    width:206px;
+  }
 `;
 
 const BlurInfo = styled.div`
diff --git a/src/components/coffeechat/CoffeeChatCategory/index.tsx b/src/components/coffeechat/CoffeeChatCategory/index.tsx
index 1b912ff4e..6809965a7 100644
--- a/src/components/coffeechat/CoffeeChatCategory/index.tsx
+++ b/src/components/coffeechat/CoffeeChatCategory/index.tsx
@@ -554,12 +554,15 @@ const StyledSearchField = styled(SearchField)`
     width: 424px;
   }
   @media ${MB_BIG_MEDIA_QUERY} {
+    display: flex;
+    justify-content: center;
     padding-right: 20px;
     padding-left: 20px;
     width: 100%;
 
     button {
-      right: 15px;
+      display: flex;
+      align-items: center;
     }
   }
   @media ${MB_MID_MEDIA_QUERY} {
diff --git a/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx b/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx
index 9fe1e0f10..dc80d5216 100644
--- a/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx
+++ b/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx
@@ -210,10 +210,12 @@ const StyledModal = styled(Modal)`
     max-height: 100dvh;
   }
   @media ${MB_BIG_MEDIA_QUERY} {
-    margin-top: 114px;
+    top:60px;
+    padding-top:16px;
     width: 100vw;
     height: auto;
-    overflow-y: auto;
+    min-height:100dvh;
+    overflow-y: scroll;
   }
 
 `;
@@ -285,6 +287,10 @@ const StyledButton = styled.button<{ isDisabled: boolean }>`
   &:active {
     background-color: ${colors.gray100};
   }
+
+  @media ${MB_BIG_MEDIA_QUERY}{
+    margin-bottom:40px;
+  }
 `;
 const InputWrapper = styled.div`
   width: 100%;