diff --git a/src/features/Login/index.tsx b/src/features/Login/index.tsx
index 4ba48171..972d5af5 100644
--- a/src/features/Login/index.tsx
+++ b/src/features/Login/index.tsx
@@ -1,11 +1,12 @@
 import React from 'react'
 
+import { PAGES } from 'config'
+
 import { Background } from 'features/Background'
 import { Logo } from 'features/Logo'
 import {
   Input,
   ButtonSolid,
-  ButtonOutline,
 } from 'features/Common'
 
 import {
@@ -13,6 +14,7 @@ import {
   CenterBlock,
   ButtonsBlock,
   Form,
+  RegisterButton,
 } from './styled'
 
 const labelWidth = 60
@@ -41,9 +43,9 @@ export const Login = () => (
 
         <ButtonsBlock>
           <ButtonSolid>Войти</ButtonSolid>
-          <ButtonOutline type='button'>
+          <RegisterButton to={PAGES.register}>
             Зарегистрироваться
-          </ButtonOutline>
+          </RegisterButton>
         </ButtonsBlock>
       </Form>
     </CenterBlock>
diff --git a/src/features/Login/styled.tsx b/src/features/Login/styled.tsx
index b7f9bffb..a359a517 100644
--- a/src/features/Login/styled.tsx
+++ b/src/features/Login/styled.tsx
@@ -1,5 +1,8 @@
+import { Link } from 'react-router-dom'
 import styled from 'styled-components/macro'
 
+import { outlineButtonStyles } from 'features/Common'
+
 export const CenterBlock = styled.div`
   display: flex;
   flex-direction: column;
@@ -35,3 +38,11 @@ export const ButtonsBlock = styled.div`
     margin-bottom: 40px;
   }
 `
+
+export const RegisterButton = styled(Link)`
+  ${outlineButtonStyles}
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`