diff --git a/app/components/ownerpage-sync-button.coffee b/app/components/ownerpage-sync-button.coffee
new file mode 100644
index 00000000..bfe0bd2d
--- /dev/null
+++ b/app/components/ownerpage-sync-button.coffee
@@ -0,0 +1,6 @@
+`import Ember from 'ember'`
+`import SyncButton from 'travis/components/sync-button'`
+
+Component = SyncButton.extend()
+
+`export default Component`
diff --git a/app/templates/components/ownerpage-sync-button.hbs b/app/templates/components/ownerpage-sync-button.hbs
new file mode 100644
index 00000000..a1be7504
--- /dev/null
+++ b/app/templates/components/ownerpage-sync-button.hbs
@@ -0,0 +1,15 @@
+<div class="sync-button">
+  {{#if user.isSyncing }}
+    <p>
+      <button class="button" disabled="disabled">
+        <span class="sync-spinner"><i></i><i></i><i></i></span>Syncing
+      </button>
+    </p>
+  {{else}}
+    <p>
+      <button {{action sync}} class="button">
+      <span class="icon icon-sync"></span>Sync account</button>
+    </p>
+    <p class="sync-last">last synced {{format-time user.syncedAt}}</p>
+  {{/if}}
+</div>
diff --git a/app/templates/ownerpage.hbs b/app/templates/ownerpage.hbs
index bd8e3ad6..2a04c360 100644
--- a/app/templates/ownerpage.hbs
+++ b/app/templates/ownerpage.hbs
@@ -9,13 +9,7 @@
       <div class="media-body">
         <h1 class="owner-title">Travis CI GmbH</h1>
         <p class="owner-handle"><a href="//gtihub" title=""><span class="icon icon--github-circle"></span> travis-pro</a></p>
-        <div class="sync-button">
-          <p>
-            <button {{action sync}} class="button">
-            <span class="icon icon-sync"></span>Sync account</button>
-          </p>
-          <p class="sync-last">last synced {{format-time user.syncedAt}}</p>
-        </div>
+        {{ownerpage-sync-button}}
       </div>
     </div>
   </section>