diff --git a/src/lang/en.js b/src/lang/en.js
index 5b6a8ce85f027a55b644147ea2447dd99dcc4ac3..829aa6f0ba00ffa0ba5943bc688f381e464f2f8a 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -317,6 +317,7 @@ export default {
     create: 'Create',
     revoke: 'Revoke',
     id: 'ID',
-    actions: 'Actions'
+    actions: 'Actions',
+    active: 'Active'
   }
 }
diff --git a/src/views/invites/index.vue b/src/views/invites/index.vue
index c1f0c79cd3e1c425d798f813f79def3f3b49d630..308c39a4332deb435ac59cd48ca6be48a3112cb6 100644
--- a/src/views/invites/index.vue
+++ b/src/views/invites/index.vue
@@ -41,10 +41,12 @@
     <el-table
       v-loading="loading"
       :data="tokens"
+      :default-sort = "{prop: 'used', order: 'ascending'}"
       class="invite-token-table">
       <el-table-column
         :label="$t('invites.id')"
         prop="id"
+        sortable
         min-width="60"/>
       <el-table-column
         :label="$t('invites.token')"
@@ -53,10 +55,12 @@
       <el-table-column
         :label="$t('invites.expiresAt')"
         prop="expires_at"
+        sortable
         min-width="110"/>
       <el-table-column
         :label="$t('invites.maxUse')"
         prop="max_use"
+        sortable
         min-width="60"/>
       <el-table-column
         :label="$t('invites.uses')"
@@ -65,7 +69,14 @@
       <el-table-column
         :label="$t('invites.used')"
         prop="used"
-        min-width="60"/>
+        sortable
+        min-width="60">
+        <template slot-scope="scope">
+          <el-tag
+            :type="scope.row.used ? 'danger' : 'success'"
+            disable-transitions>{{ scope.row.used ? $t('invites.used') : $t('invites.active') }}</el-tag>
+        </template>
+      </el-table-column>
       <el-table-column
         :label="$t('invites.actions')"
         min-width="100">