diff --git a/src/components/commons/ToggleButton.tsx b/src/components/commons/ToggleButton.tsx
index ee6ec17f..ad712e87 100644
--- a/src/components/commons/ToggleButton.tsx
+++ b/src/components/commons/ToggleButton.tsx
@@ -31,7 +31,7 @@ const Wrapper = styled.div`
 const Layout = styled.div`
   display: flex;
 
-  width: 33.7rem;
+  width: 100%;
   height: 4.4rem;
   border-radius: 8px;
 
diff --git a/src/pages/juniorPromise/components/BottomSheetBg.tsx b/src/pages/juniorPromise/components/BottomSheetBg.tsx
index b66186b2..f3a25d76 100644
--- a/src/pages/juniorPromise/components/BottomSheetBg.tsx
+++ b/src/pages/juniorPromise/components/BottomSheetBg.tsx
@@ -41,17 +41,22 @@ export const BottomSheet = (props: BottomSheetPropType) => {
     <>
       <Background $isBottomSheetOpen={isBottomSheetOpen} onClick={handleCloseBottomSheet} />
       <BottomSheetWrapper $isBottomSheetOpen={isBottomSheetOpen}>
-        <TitleLayout>
+        <LineBox>
           <Line />
+        </LineBox>
+        <TitleLayout>
           <Title>원하는 선배를 찾아볼까요?</Title>
           <Desc>계열, 직무로 원하는 선배를 찾을 수 있어요.</Desc>
         </TitleLayout>
-        <ToggleButton
-          left="계열"
-          right="직무"
-          activeButton={filterActiveBtn}
-          onSetActiveButtonHandler={handleFilterActiveBtn}
-        />
+        <ToggleLayout>
+          <ToggleButton
+            left="계열"
+            right="직무"
+            activeButton={filterActiveBtn}
+            onSetActiveButtonHandler={handleFilterActiveBtn}
+          />
+        </ToggleLayout>
+
         <Content>
           {filterActiveBtn === '계열' ? (
             <FieldLayout>
@@ -134,7 +139,13 @@ const BottomSheetWrapper = styled.form<{ $isBottomSheetOpen: boolean }>`
 `;
 
 const TitleLayout = styled.header`
-  padding: 1.4rem 16.1rem 1.6rem 2rem;
+  display: inline-block;
+
+  margin: 0 2rem 1.5rem;
+`;
+
+const ToggleLayout = styled.div`
+  margin: 0 2rem;
 `;
 
 const Content = styled.div`
@@ -149,7 +160,7 @@ const FieldLayout = styled.div`
   justify-content: space-between;
 
   margin: 0 2rem;
-  padding: 1rem 0;
+  padding: 1.5rem 0;
 `;
 
 const PositionLayout = styled.div`
@@ -158,13 +169,21 @@ const PositionLayout = styled.div`
   gap: 1.2rem 1rem;
   flex-shrink: 0;
 
-  margin: 1rem 2rem;
+  margin: 1.5rem 2rem;
+`;
+
+const LineBox = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  width: 100%;
+  height: 3.3rem;
 `;
 
 const Line = styled.div`
   width: 4.7rem;
   height: 0.3rem;
-  margin: 0 14.4rem 3.3rem;
   border-radius: 5px;
 
   background: ${({ theme }) => theme.colors.grayScaleLG2};
@@ -200,7 +219,8 @@ const ReloadIcon = styled.button`
 `;
 
 const ExitBottomSheet = styled.button<{ $selectedPositionIndex: boolean; $selectedFieldIndex: boolean }>`
-  width: 27.4rem;
+  flex-grow: 1;
+
   height: 5rem;
   border-radius: 8px;