diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index 7453781..905383f 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -1,12 +1,17 @@
 <script setup>
 const {data: champions} = await useFetch(CDRAGON_BASE + "plugins/rcp-be-lol-game-data/global/default/v1/champion-summary.json")
-const filteredChampions = ref(champions.value.slice(1))
+champions.value = champions.value.slice(1).sort((a, b) => {
+    if(a.name < b.name) return -1;
+    if(a.name > b.name) return 1;
+    return 0;
+})
+const filteredChampions = ref(champions.value)
 
 const searchBar = ref(null)
 watch(searchBar, (newS, oldS) => {searchBar.value.focus()})
 const searchText = ref("")
 watch(searchText, (newT, oldT) => {
-    filteredChampions.value = champions.value.slice(1).filter((champion) => champion.name.toLowerCase().includes(searchText.value.toLowerCase()))
+    filteredChampions.value = champions.value.filter((champion) => champion.name.toLowerCase().includes(searchText.value.toLowerCase()))
 })
 
 async function submit() {