diff --git a/src/components/archiveList.vue b/src/components/archiveList.vue
index 4634c81..8ce0e2c 100644
--- a/src/components/archiveList.vue
+++ b/src/components/archiveList.vue
@@ -126,8 +126,8 @@ This file is part of ArciveList.
 import axios from 'axios';
 import { mapMutations, mapGetters } from 'vuex'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { faSortAlphaUp } from '@fortawesome/free-solid-svg-icons'
-import { faSortAlphaDown } from '@fortawesome/free-solid-svg-icons'
+import { faLongArrowAltUp } from '@fortawesome/free-solid-svg-icons'
+import { faLongArrowAltDown } from '@fortawesome/free-solid-svg-icons'
 import Search from './search.vue';
 export default {
   name: "List",
@@ -139,8 +139,11 @@ export default {
     return {
       columns_order: {'title': 'asc', 'artist': 'asc', 'collection': 'asc', 'date': 'asc'},
       active_column: 'date',
-      faSortAlphaUp: faSortAlphaUp,
-      faSortAlphaDown: faSortAlphaDown,
+      //faSortAlphaUp: faSortAlphaUp,
+      //faSortAlphaDown: faSortAlphaDown,
+      faLongArrowAltUp: faLongArrowAltUp,
+      faLongArrowAltDown: faLongArrowAltDown,
+      //faArrowsV: faArrowsV,
     };
   },
   created() {
@@ -169,7 +172,7 @@ export default {
       return name == this.active_column ? true : false
     },
     getOrderIcon: function(name) {
-      return this.columns_order[name] == 'asc' ? faSortAlphaUp : faSortAlphaDown
+      return this.columns_order[name] == 'asc' ? faLongArrowAltUp : faLongArrowAltDown
     },
     loadMoreSites() {
       console.log('loading')