diff --git a/src/components/BulkActionBar.vue b/src/components/BulkActionBar.vue
index 6da2667..db2fc54 100644
--- a/src/components/BulkActionBar.vue
+++ b/src/components/BulkActionBar.vue
@@ -7,9 +7,18 @@
             @click="bulkSelect" />
     </span>
     <span class="buttons">
-      <button @click="emailSelection.markRead">Mark Read</button>
-      <button @click="emailSelection.markUnread">Mark Unread</button>
-      <button @click="emailSelection.archive">Archive</button>
+      <button @click="emailSelection.markRead"
+              :disabled="[...emailSelection.emails].every(e => e.read)">
+        Mark Read
+      </button>
+      <button @click="emailSelection.markUnread"
+              :disabled="[...emailSelection.emails].every(e => !e.read)">
+        Mark Unread
+      </button>
+      <button @click="emailSelection.archive"
+              :disabled="numberSelected === 0">
+        Archive
+      </button>
     </span>
   </div>
 </template>
@@ -37,7 +46,8 @@
         allEmailsSelected,
         someEmailsSelected,
         bulkSelect,
-        emailSelection
+        emailSelection,
+        numberSelected
       }
     },
     props: {