2 files changed, 5 insertions, 1 deletions
diff --git a/FrontEnd/src/app/index.sass b/FrontEnd/src/app/index.sass
index 3bd1385e..39dce693 100644
--- a/FrontEnd/src/app/index.sass
+++ b/FrontEnd/src/app/index.sass
@@ -27,10 +27,13 @@ small
 
 .avatar
   width: 60px
+  height: 60px
   &.large
     width: 100px
+    height: 100px
   &.small
     width: 40px
+    height: 40px
 
 .icon-button
   font-size: 1.4rem
diff --git a/FrontEnd/src/app/views/common/AppBar.tsx b/FrontEnd/src/app/views/common/AppBar.tsx
index e682a308..da39e09b 100644
--- a/FrontEnd/src/app/views/common/AppBar.tsx
+++ b/FrontEnd/src/app/views/common/AppBar.tsx
@@ -36,6 +36,7 @@ const AppBar: React.FC = (_) => {
       </LinkContainer>
 
       <Navbar.Toggle onClick={toggleExpand} />
+
       <Navbar.Collapse>
         <Nav className="mr-auto">
           <NavLink
@@ -66,7 +67,7 @@ const AppBar: React.FC = (_) => {
             </NavLink>
           )}
         </Nav>
-        <Nav className="ml-auto mr-2 align-items-center">
+        <Nav className="ml-auto md-mr-2">
           {user != null ? (
             <LinkContainer to={`/users/${user.username}`}>
               <UserAvatar