diff --git a/packages/frontend/src/pages/login/Login.tsx b/packages/frontend/src/pages/login/Login.tsx
index 576ae444..33b0551f 100644
--- a/packages/frontend/src/pages/login/Login.tsx
+++ b/packages/frontend/src/pages/login/Login.tsx
@@ -12,7 +12,7 @@ interface LoginButtonProps {
 export const Login = () => {
   return (
     <div className="flex h-[calc(100vh-8rem)] flex-col items-center justify-center">
-      <main className="relative flex flex-col gap-32 rounded-lg bg-gradient-to-br from-[#ffe259] to-[#ffa751] p-24 py-32 shadow-sm">
+      <main className="relative flex flex-col gap-36 rounded-lg bg-gradient-to-br from-[#ffe259] to-[#ffa751] p-16 py-24 shadow-sm">
         <div className="absolute inset-0 rounded-md bg-white/40 backdrop-blur-sm" />
         <section className="relative z-10">
           <h2 className="display-bold24">스마트한 투자의 첫걸음,</h2>