diff --git a/src/components/Header.js b/src/components/Header.js
index e89414bcd288cf2b1998038b25bea21f387e05f0..d8abfc4f0303acae7d30f1e700e05a4f29b5f74f 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -31,10 +31,10 @@ const FixedMenu = ({ user }) => (
         <Menu.Item className='item'>
           {
             user.id ?
-              <div>
-                <Button as={Link} to='/profile'>Profilom</Button>
-                <Button onClick={() => this.props.logout()}>KijelentkezĂŠs</Button>
-              </div>
+              <Button.Group>
+                <Button primary as={Link} to='/profile'>Profilom</Button>
+                <Button onClick={() => this.props.logout()} icon='sign out' />
+              </Button.Group>
             :
               <Button href='/api/v1/login/authsch/'>BejelentkezĂŠs</Button>
           }
@@ -97,7 +97,10 @@ class Header extends Component {
                 <Menu.Item position='right'>
                   {
                     this.props.user.id ?
-                      <Button as={Link} to='/profile'>Profil</Button>
+                      <Button.Group>
+                        <Button inverted as={Link} to='/profile'>Profil</Button>
+                        <Button onClick={() => this.props.logout()} icon='sign out' />
+                      </Button.Group>
                     :
                       <Button as='a' href='/api/v1/login/authsch/' inverted>
                         BejelentkezĂŠs