diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index 859fa89..a2961a0 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -14,7 +14,7 @@ watch(searchText, (newT, oldT) => {
 <template>
     <div>
     <div style="width: fit-content; margin: auto;">
-        <input v-model="searchText" ref="searchBar" class="search-bar" type="text"/>
+        <input v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Champion name..."/>
     </div>
     <div class="champion-container" style="margin-top: 20px;">
         <RouterLink style="margin-left: 5px; margin-right: 5px;" v-for="champion in filteredChampions" :to="'/champion/' + champion.id">
@@ -35,6 +35,7 @@ watch(searchText, (newT, oldT) => {
 
     border-radius: 12px;
     border: none;
+    padding-left: 5px;
 }
 .search-bar:focus {
     border: 2px solid var(--color-on-surface);