From c225a0ae5374c57a4499a1bc4573713b4bfc0006 Mon Sep 17 00:00:00 2001
From: kang <kangju2000@naver.com>
Date: Tue, 24 Oct 2023 16:52:25 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B0=95=EC=9D=98=20=EB=AA=A9=EB=A1=9D?=
 =?UTF-8?q?=20=EA=B9=A8=EC=A0=B8=EB=B3=B4=EC=9D=B4=EB=8A=94=20=EB=AC=B8?=
 =?UTF-8?q?=EC=A0=9C=20=EC=88=98=EC=A0=95,=20=EC=8A=A4=ED=81=AC=EB=A1=A4?=
 =?UTF-8?q?=EB=B0=94=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContentModal.tsx | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/ContentModal.tsx b/src/components/ContentModal.tsx
index 8cfe347..8e8b456 100644
--- a/src/components/ContentModal.tsx
+++ b/src/components/ContentModal.tsx
@@ -69,10 +69,21 @@ const ContentModal = ({ isOpen, onClose }: Props) => {
         </ModalHeader>
         <Divider m="0" />
         <ModalBody display="flex" p="0" overflow="hidden">
-          <Stack spacing="16px" w="200px" p="24px" overflowY="scroll">
+          <Stack
+            spacing="16px"
+            w="200px"
+            p="24px"
+            overflow="scroll"
+            sx={{
+              '::-webkit-scrollbar': {
+                display: 'none',
+              },
+            }}
+          >
             {courseList.map(course => (
               <Text
                 key={course.id}
+                flexShrink="0"
                 fontSize="14px"
                 fontWeight={selectedCourseId === course.id ? '600' : '400'}
                 _light={{ color: selectedCourseId === course.id ? 'blue.600' : 'gray.600' }}
@@ -92,7 +103,17 @@ const ContentModal = ({ isOpen, onClose }: Props) => {
 
           <Divider orientation="vertical" m="0" />
 
-          <Box flex="1" overflowY="scroll" px="24px" h="100%">
+          <Box
+            flex="1"
+            overflowY="scroll"
+            px="24px"
+            h="100%"
+            sx={{
+              '::-webkit-scrollbar': {
+                display: 'none',
+              },
+            }}
+          >
             <Tabs isLazy={true}>
               <TabList
                 position="sticky"
@@ -172,7 +193,7 @@ const ContentModal = ({ isOpen, onClose }: Props) => {
 
         <Divider m="0" />
 
-        <ModalFooter h="60px" px="24px">
+        <ModalFooter h="60px" px="24px" userSelect="none">
           <PopoverOptions
             triggerElement={
               <Center cursor="pointer">