diff --git a/client/less/main.less b/client/less/main.less
index 2020c32417b7e4..c80442ad92ebcb 100644
--- a/client/less/main.less
+++ b/client/less/main.less
@@ -651,6 +651,11 @@ hr {
   margin-right: -20px;
 }
 
+.public-profile-img {
+  height: 200px;
+  width: 200px;
+}
+
 .profile-social-icons {
   margin-left: 8px;
 }
diff --git a/server/views/account/show.jade b/server/views/account/show.jade
index 19985e56229a7e..41a849ba0094e5 100644
--- a/server/views/account/show.jade
+++ b/server/views/account/show.jade
@@ -24,9 +24,9 @@ block content
     .row
         .col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2.text-center
             if picture
-                img.img-center.img-responsive.public-profile-img(src=picture)
+                img.img-center.img-responsive.public-profile-img.border-radius-5(src=picture)
             else
-                img.img-center.img-responsive.public-profile-img(src='https://s3.amazonaws.com/freecodecamp/camper-image-placeholder.png')
+                img.img-center.img-responsive.public-profile-img.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/camper-image-placeholder.png')
             h1.text-center.negative-5.profile-social-icons
                 if (twitter)
                     a.fa.fa-twitter-square.text-primary(title="@#{username}'s Twitter Profile", href='https://twitter.com/' + twitter, target='_blank')
diff --git a/server/views/layout.jade b/server/views/layout.jade
index 1d01679e3f5d7f..93873705170c93 100644
--- a/server/views/layout.jade
+++ b/server/views/layout.jade
@@ -7,6 +7,6 @@ html(lang='en')
     include partials/scripts
     include partials/navbar
     include partials/flash
-    .container
+    .app-content.app-centered
       block content
     include partials/footer
diff --git a/server/views/partials/navbar.jade b/server/views/partials/navbar.jade
index a71f23ca2409ff..e6c4869be821f0 100644
--- a/server/views/partials/navbar.jade
+++ b/server/views/partials/navbar.jade
@@ -30,10 +30,10 @@ nav.navbar.navbar-default.navbar-static-top.nav-height
                 li
                     a(href='/signin') Sign In
             else
-                li.avatar-points
+                li.nav-avatar
                   a(href='/settings')
-                    span.brownie-points-nav
-                      span.hidden-md.hidden-lg #{user.username}
-                      span.brownie-points [ #{user.points} ]
-                    span.hidden-xs.hidden-sm.avatar
-                      img.profile-picture.float-right(src='#{user.picture}')
+                    span
+                      span.nav-username.hidden-md.hidden-lg #{user.username}
+                      span.nav-points [ #{user.points} ]
+                    span.hidden-xs.hidden-sm(style='height:0')
+                      img.nav-picture.float-right(src='#{user.picture}')