diff --git a/src/components/MangaLists.vue b/src/components/MangaLists.vue
index 2078da4..2e5b2a6 100644
--- a/src/components/MangaLists.vue
+++ b/src/components/MangaLists.vue
@@ -38,6 +38,7 @@ export default class MangaLists extends Vue {
   }
 
   get viewLists(): ViewList[] {
+    const order = ['reading', 'paused', 'planning', 'completed', 'dropped'];
     const lists = this.mangaStore.aniListLists;
     const manga = this.mangaStore.aniListManga;
 
@@ -56,7 +57,8 @@ export default class MangaLists extends Vue {
           chapters: chapters,
         } as ViewEntry);
       }),
-    }));
+    }))
+        .sort((l, r) => order.indexOf(l.list.name.toLowerCase()) - order.indexOf(r.list.name.toLowerCase()));
   }
 }
 </script>