From 765dbf8620ed3c1dc3f136e7e8879b86f42f7a93 Mon Sep 17 00:00:00 2001
From: BangDori <qudwns8865@naver.com>
Date: Thu, 16 May 2024 22:10:43 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B5=AC=EB=B6=84=EC=84=A0=20=ED=91=9C?=
 =?UTF-8?q?=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/widgets/feed-main-list/ui/HiddenFeed.scss | 30 ++++++++++---------
 src/widgets/feed-main-list/ui/HiddenFeed.tsx  |  8 +++--
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/widgets/feed-main-list/ui/HiddenFeed.scss b/src/widgets/feed-main-list/ui/HiddenFeed.scss
index 19dd5a4..23127c4 100644
--- a/src/widgets/feed-main-list/ui/HiddenFeed.scss
+++ b/src/widgets/feed-main-list/ui/HiddenFeed.scss
@@ -1,24 +1,26 @@
 .feed-hidden-wrapper {
   margin-top: 30px;
 
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  .feed-hidden-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 
-  .hidden-reason-msg {
-    margin-top: 8px;
-    color: $gray4;
-  }
+    .hidden-reason-msg {
+      margin-top: 8px;
+      color: $gray4;
+    }
 
-  .hidden-cancel-btn {
-    margin-top: 16px;
-    width: 39px;
-    height: 24px;
+    .hidden-cancel-btn {
+      margin-top: 16px;
+      width: 39px;
+      height: 24px;
 
-    border-radius: 30px;
+      border-radius: 30px;
 
-    background-color: $gray2;
-    color: $gray4;
+      background-color: $gray2;
+      color: $gray4;
+    }
   }
 
   &::after {
diff --git a/src/widgets/feed-main-list/ui/HiddenFeed.tsx b/src/widgets/feed-main-list/ui/HiddenFeed.tsx
index 2bee842..93fe8c7 100644
--- a/src/widgets/feed-main-list/ui/HiddenFeed.tsx
+++ b/src/widgets/feed-main-list/ui/HiddenFeed.tsx
@@ -6,9 +6,11 @@ import './HiddenFeed.scss';
 const HiddenFeed: React.FC<{ message: string }> = ({ message }) => {
   return (
     <div className='feed-hidden-wrapper'>
-      <Icon name='check_mint' width='24' height='24' />
-      <p className='hidden-reason-msg b2md'>{message}</p>
-      <button className='hidden-cancel-btn b2md'>취소</button>
+      <div className='feed-hidden-container'>
+        <Icon name='check_mint' width='24' height='24' />
+        <p className='hidden-reason-msg b2md'>{message}</p>
+        <button className='hidden-cancel-btn b2md'>취소</button>
+      </div>
     </div>
   );
 };