diff --git a/src/components/shared/SignupModal.tsx b/src/components/shared/SignupModal.tsx
index 410b8a2..046182a 100644
--- a/src/components/shared/SignupModal.tsx
+++ b/src/components/shared/SignupModal.tsx
@@ -22,7 +22,7 @@ const SignupModal = () => {
   const { hideModal } = modalStore()
 
   return (
-    <div className="size-full bg-white p-mobile_safe">
+    <div className="flex h-dvh w-full flex-col bg-white p-mobile_safe">
       <div className="relative my-6 flex justify-end">
         <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-lg font-bold">
           회원가입
@@ -261,14 +261,8 @@ const SignupForm = () => {
   }, [geolocationToAddressData])
 
   return (
-    <form
-      onSubmit={onSubmit}
-      className="flex flex-col"
-      style={{
-        height: 'calc(100vh - 94px)',
-      }}
-    >
-      <div className="grow overflow-y-auto pb-10">
+    <form onSubmit={onSubmit} className="grid grow grid-rows-[1fr_56px] overflow-y-auto">
+      <div className="overflow-y-auto pb-5">
         <div className="mb-3">
           <Input
             value={signnameValue}
@@ -407,7 +401,7 @@ const SignupForm = () => {
           </div>
         </div>
       </div>
-      <div className="bg-white py-2">
+      <div className="sticky bottom-0 bg-white py-2">
         <Button className="disabled:bg-slate-400" type="submit" size="m" disabled={!isValid}>
           가입하기
         </Button>