diff --git a/src/App.vue b/src/App.vue
index 923df59..68681d8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -46,6 +46,13 @@ button:disabled {
   cursor: auto;
 }
 
+button.selected {
+  cursor: auto;
+  color: black;
+  border-color: black;
+  border-width: 2px;
+}
+
 .clickable {
   cursor: pointer;
 }
diff --git a/src/components/MailScreen.vue b/src/components/MailScreen.vue
index 430bbb3..a13d3f4 100644
--- a/src/components/MailScreen.vue
+++ b/src/components/MailScreen.vue
@@ -1,10 +1,10 @@
 <template>
   <button @click="selectScreen('inbox');"
-          :disabled="selectedScreen == 'inbox'">
+          :class="[selectedScreen == 'inbox' ? 'selected' : '']">
     Inbox View
   </button>
   <button @click="selectScreen('archive')" 
-          :disabled="selectedScreen == 'archive'">
+          :class="[selectedScreen == 'archive' ? 'selected' : '']">
     Archived View
   </button>