diff --git a/src/components/atomComponents/Button.tsx b/src/components/atomComponents/Button.tsx
index 16f47155..1750f2c8 100644
--- a/src/components/atomComponents/Button.tsx
+++ b/src/components/atomComponents/Button.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { styled, css } from 'styled-components';
+import { css, styled } from 'styled-components';
 
 interface ButtonProps {
   children: React.ReactNode;
diff --git a/src/pages/selectSchedule/SelectSchedulePage.tsx b/src/pages/selectSchedule/SelectSchedulePage.tsx
index 83928cdb..ff144bf9 100644
--- a/src/pages/selectSchedule/SelectSchedulePage.tsx
+++ b/src/pages/selectSchedule/SelectSchedulePage.tsx
@@ -254,9 +254,17 @@ const TitleWrapper = styled.div`
 `;
 
 const StyledBtnSection = styled.section`
+  display: flex;
   position: fixed;
-  bottom: 1.2rem;
-  border-radius: 50%;
+  bottom: 0;
+  align-items: end;
+  justify-content: center;
+  background: ${({ theme }) => theme.colors.dim_gradient};
+
+  padding-bottom: 2.9rem;
+
+  width: 100%;
+  height: 16.4rem;
 `;
 
 export default SelectSchedulePage;
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index ec9876a0..70ae18ec 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -32,6 +32,8 @@ const colors = {
   level3: 'rgba(50, 83, 255, 0.5)',
   level2: 'rgba(50, 83, 255, 0.3)',
   level1: 'rgba(50, 83, 255, 0.1)',
+
+  dim_gradient: 'linear-gradient(1deg, #141414 56.25%, rgba(20, 20, 20, 0) 95.89%)',
 };
 
 export type ColorsTypes = typeof colors;