diff --git a/app/assets/javascripts/repo/components/repo_commit_section.vue b/app/assets/javascripts/repo/components/repo_commit_section.vue
index 2e34633c049..c939c5b6bb9 100644
--- a/app/assets/javascripts/repo/components/repo_commit_section.vue
+++ b/app/assets/javascripts/repo/components/repo_commit_section.vue
@@ -16,6 +16,10 @@ const RepoCommitSection = {
       return this.changedFiles.map(f => Helper.getFilePathFromFullPath(f.url, branch));
     },
 
+    cantCommitYet() {
+      return !commitMessage || submitCommitsLoading;
+    },
+
     filePluralize() {
       return this.changedFiles.length > 1 ? 'files' : 'file';
     },
@@ -84,7 +88,7 @@ export default RepoCommitSection;
         </div>
       </div>
       <div class="col-md-offset-4 col-md-4">
-        <button type="submit" :disabled="!commitMessage || submitCommitsLoading" class="btn btn-success submit-commit" @click.prevent="makeCommit">
+        <button type="submit" :disabled="cantCommitYet" class="btn btn-success submit-commit" @click.prevent="makeCommit">
           <i class="fa fa-spinner fa-spin" v-if="submitCommitsLoading"></i>
           <span class="commit-summary">Commit {{changedFiles.length}} {{filePluralize}}</span>
         </button>