From 324cff2123813761ee54b9dcc6682182b3c14341 Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Wed, 15 Jan 2025 00:49:29 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20bottomsheetselect=EB=A5=BC=20portal?=
 =?UTF-8?q?=EB=A1=9C=20=EB=A0=8C=EB=8D=94=EB=A7=81=20(#1722)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../upload/CoffeechatForm/BottomSheetSelect/index.tsx        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/coffeechat/upload/CoffeechatForm/BottomSheetSelect/index.tsx b/src/components/coffeechat/upload/CoffeechatForm/BottomSheetSelect/index.tsx
index 5521d98c3..b253db31a 100644
--- a/src/components/coffeechat/upload/CoffeechatForm/BottomSheetSelect/index.tsx
+++ b/src/components/coffeechat/upload/CoffeechatForm/BottomSheetSelect/index.tsx
@@ -5,6 +5,7 @@ import { IconCheck, IconChevronDown } from '@sopt-makers/icons';
 import { Button } from '@sopt-makers/ui';
 import { ReactNode, useEffect, useState } from 'react';
 
+import Portal from '@/components/common/Portal';
 import { zIndex } from '@/styles/zIndex';
 
 interface Option {
@@ -82,7 +83,7 @@ const BottomSheetSelect = ({
       </InputField>
 
       {open && (
-        <>
+        <Portal portalId='bottomsheet'>
           <Overlay onClick={handleClose} />
           <BottomSheet>
             <OptionList>
@@ -103,7 +104,7 @@ const BottomSheetSelect = ({
               확인
             </Button>
           </BottomSheet>
-        </>
+        </Portal>
       )}
     </Container>
   );