diff --git a/app/styles/app/layouts/profile.sass b/app/styles/app/layouts/profile.sass
index 22576048..0469997e 100644
--- a/app/styles/app/layouts/profile.sass
+++ b/app/styles/app/layouts/profile.sass
@@ -19,11 +19,19 @@
         color: #adaaab
         text-decoration: underline
     @media #{$medium-up}
-      h1, .sync-button, .ember-view
+      .profile-header, .sync-button, .ember-view
         display: inline-block
         vertical-align: middle
       .sync-button
         margin-top: .5em
+    @media #{$large-up}
+      .profile-header
+        position: relative
+        white-space: nowrap;
+        max-width: 77%;
+        overflow: hidden;
+        &:after
+          @include fadeOut(right, -90deg, $white)
 
   .cta-btn
     text-align: right
diff --git a/app/templates/account.hbs b/app/templates/account.hbs
index c2f920e0..aae21892 100644
--- a/app/templates/account.hbs
+++ b/app/templates/account.hbs
@@ -1,8 +1,9 @@
 {{#if allHooks.isLoaded}}
   <header>
 
+  <div class="profile-header">
     <h1>{{view.name}}</h1>
-    {{!-- {{sync-button user=auth.currentUser}} --}}
+  </div>
 
   {{#if user.isSyncing}}
     <div class="sync-button">