diff --git a/src/app/book/[bookId]/page.tsx b/src/app/book/[bookId]/page.tsx
index 3d0ccbf8..303707d2 100644
--- a/src/app/book/[bookId]/page.tsx
+++ b/src/app/book/[bookId]/page.tsx
@@ -34,7 +34,7 @@ const BookDetailPage = ({
     <>
       <BookTopNavigation bookId={bookId} />
       <SSRSafeSuspense fallback={<BookPageSkeleton />}>
-        <div className="flex flex-col gap-[3rem] pb-[5rem] pt-[1rem]">
+        <div className="pb-action-button flex flex-col gap-[3rem] pt-[1rem]">
           <BookInfo bookId={bookId} />
           <div className="flex flex-col gap-[1rem]">
             <Heading text="책 코멘트" />
diff --git a/src/app/group/[groupId]/page.tsx b/src/app/group/[groupId]/page.tsx
index b509faaf..72e2a797 100644
--- a/src/app/group/[groupId]/page.tsx
+++ b/src/app/group/[groupId]/page.tsx
@@ -29,7 +29,7 @@ const DetailBookGroupPage = ({
       </BookGroupNavigation>
 
       <SSRSafeSuspense fallback={<PageSkeleton />}>
-        <div className="flex flex-col gap-[2rem]">
+        <div className="pb-action-button flex flex-col gap-[2rem]">
           <BookGroupInfo groupId={groupId} />
           <Divider />
           <div className="flex flex-col gap-[1rem]">
diff --git a/src/styles/global.css b/src/styles/global.css
index 1367cc2c..9e3cd4b6 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -94,4 +94,8 @@
     box-shadow: inset 0 0 3rem #dddddd;
     @apply bg-placeholder;
   }
+
+  .pb-action-button {
+    @apply pb-[6.3rem];
+  }
 }
diff --git a/src/v1/base/BottomActionButton.tsx b/src/v1/base/BottomActionButton.tsx
index d58017b3..dc030871 100644
--- a/src/v1/base/BottomActionButton.tsx
+++ b/src/v1/base/BottomActionButton.tsx
@@ -11,7 +11,7 @@ const BottomActionButton = ({
   ...props
 }: BottomActionButtonProps) => {
   return (
-    <footer className="fixed bottom-0 left-0 right-0 z-10 mx-auto w-full max-w-[43rem] bg-white px-[2.0rem] py-[1.5rem]">
+    <footer className="fixed bottom-0 left-0 right-0 z-10 mx-auto w-full max-w-[43rem] bg-white px-[2.0rem] pb-[calc(env(safe-area-inset-bottom)+1.5rem)] pt-[1.5rem]">
       <Button size="full" {...props}>
         {children}
       </Button>
diff --git a/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx b/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx
index 58f6c9c0..181d367d 100644
--- a/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx
+++ b/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx
@@ -16,7 +16,7 @@ const SelectJoinTypeStep = ({ onSubmit }: MoveFunnelStepProps) => {
   } = useFormContext<SelectJoinTypeStepFormValues>();
 
   return (
-    <article>
+    <article className="pb-action-button">
       <h2 className="mb-[3rem] font-subheading-bold">
         가입은 어떻게 받을까요?
       </h2>
diff --git a/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx b/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx
index 7f175ddc..effc7699 100644
--- a/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx
+++ b/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx
@@ -37,7 +37,7 @@ const SetUpDetailStep = ({
   } = useFormContext<SetUpDetailStepFormValues>();
 
   return (
-    <article className="flex flex-col gap-[2.5rem] overflow-y-scroll pb-[7rem]">
+    <article className="pb-action-button flex flex-col gap-[2.5rem] overflow-y-scroll">
       <h2 className="font-subheading-bold">모임 정보를 설정해주세요</h2>
       <TitleField name={'title'} />
       <SelectedBookInfoField
diff --git a/src/v1/layout/Layout.tsx b/src/v1/layout/Layout.tsx
index 688fb43a..cc5461dc 100644
--- a/src/v1/layout/Layout.tsx
+++ b/src/v1/layout/Layout.tsx
@@ -16,7 +16,7 @@ const Layout = ({ children }: LayoutProps) => {
 
   const dynamicClass = isRootPath
     ? 'pb-[calc(env(safe-area-inset-bottom)+7rem)] pt-[2rem]'
-    : 'pt-[5.4rem] pb-[2rem]';
+    : 'pb-[calc(env(safe-area-inset-bottom)+2rem)] pt-[5.4rem]';
 
   return (
     <>