diff --git a/src/layouts/app/AppLayout.tsx b/src/layouts/app/AppLayout.tsx
index 2356245..847f866 100644
--- a/src/layouts/app/AppLayout.tsx
+++ b/src/layouts/app/AppLayout.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import styles from './styles.module.css';
-import {Icon, Layout, Menu, notification} from 'antd';
+import {Button, Icon, Layout, Menu, notification} from 'antd';
 
 const { Header, Footer } = Layout;
 
@@ -15,7 +15,11 @@ class AppLayout extends React.Component {
     }
 
     render() {
-        let loginOrHomeLink = <Menu.Item key="3"><Link to={"/login"}>Log in</Link></Menu.Item>;
+        let loginOrHomeLink = <Menu.Item key="3">
+            <Button type="primary">
+                <Link to={"/login"}>Sign in</Link>
+            </Button>
+        </Menu.Item>;
 
         if (window.App.isAuthorized()) {
             loginOrHomeLink = <Menu.Item key="3"><Link to={"/account/library"}><Icon type={"home"}/>Home</Link></Menu.Item>