diff --git a/src/pages/login/Login.styled.ts b/src/pages/login/Login.styled.ts
index 15c12402..cd2be669 100644
--- a/src/pages/login/Login.styled.ts
+++ b/src/pages/login/Login.styled.ts
@@ -1,18 +1,20 @@
+import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 
 export const Container = styled.div`
   display: flex;
   width: 100%;
+  height: 100vh;
   max-width: ${({ theme }) => theme.layout.width.desktop};
   min-width: 310px;
   margin: 0 auto;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
 
   img {
     width: 6.5rem;
     height: 6.5rem;
-    margin: 2.5rem 0;
   }
 
   form {
@@ -31,7 +33,9 @@ export const Container = styled.div`
   }
 `;
 
-export const LogoH1 = styled.h1``;
+export const MoveHomeLink = styled(Link)`
+  padding-bottom: 2rem;
+`;
 
 export const InputContainer = styled.div`
   display: flex;
diff --git a/src/pages/login/Login.tsx b/src/pages/login/Login.tsx
index f562c985..c2f2a2ce 100644
--- a/src/pages/login/Login.tsx
+++ b/src/pages/login/Login.tsx
@@ -49,11 +49,9 @@ const Login = () => {
 
   return (
     <S.Container>
-      <S.LogoH1>
-        <Link to={ROUTES.main}>
-          <img src={Mainlogo} alt='logo' />
-        </Link>
-      </S.LogoH1>
+      <S.MoveHomeLink to={ROUTES.main}>
+        <img src={Mainlogo} alt='logo' />
+      </S.MoveHomeLink>
       <Title size='semiLarge'>로그인</Title>
       <form onSubmit={handleSubmit(onSubmit)}>
         <Controller