From 186c36af2cc406d6e984d72bd649e66ba1ba7fd8 Mon Sep 17 00:00:00 2001
From: klmhyeonwooo <gentlemonster77@naver.com>
Date: Wed, 11 Oct 2023 01:51:21 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=ED=99=98=EA=B2=BD=EC=97=90=EC=84=9C=20=ED=81=AC=EA=B8=B0=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20(#171)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Detail/Detail.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/Detail/Detail.tsx b/src/pages/Detail/Detail.tsx
index 658c325..7bf32f6 100644
--- a/src/pages/Detail/Detail.tsx
+++ b/src/pages/Detail/Detail.tsx
@@ -165,6 +165,7 @@ export default function Detail() {
           flex-direction: column;
           row-gap: 0.7em;
           margin-bottom: 2em;
+          margin-top: -1em;
         `}
       >
         <div
@@ -306,7 +307,7 @@ export default function Detail() {
             text-align: left;
             row-gap: 2.2em;
             width: 85vw;
-            overflow: auto;
+            overflow: hidden;
             white-space: nowrap;
 
             @media (max-width: 479px) {
@@ -329,6 +330,11 @@ export default function Detail() {
               display: flex;
               width: 100%;
               column-gap: 2em;
+              overflow-x: auto;
+
+              &::-webkit-scrollbar {
+                display: none;
+              }
 
               @media (max-width: 479px) {
                 font-size: 10px;
@@ -383,7 +389,8 @@ export default function Detail() {
             css={css`
               display: flex;
               width: 100%;
-              height: 20em;
+              height: 100%;
+              min-height: 20em;
               column-gap: 2em;
               background-color: #f8f8f8;
               box-sizing: border-box;