diff --git a/frontend/assets/img/buildpath-high-resolution-logo-transparent.png b/frontend/assets/img/buildpath-high-resolution-logo-transparent.png
new file mode 100644
index 0000000..c16fde6
Binary files /dev/null and b/frontend/assets/img/buildpath-high-resolution-logo-transparent.png differ
diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index 1f15261..6376cdd 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" placeholder="Champion name..."/>
+        <input v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Search a champion"/>
     </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.alias.toLowerCase()">
@@ -43,7 +43,7 @@ watch(searchText, (newT, oldT) => {
 }
 .champion-container {
     width: 1390px;
-    height: 660px;
+    height: auto;
 
     overflow-x: hidden;
     overflow-y: scroll;
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index f04134d..6805a13 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -5,6 +5,11 @@
     <Head>
         <Title>BuildPath</Title>
     </Head>
-    
+
+    <div style="display: flex; width: fit-content; margin: auto; margin-top: 64px; margin-bottom: 64px;">
+    <img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
+    <h1 style="font-weight: 200; align-content: center; font-size: 90px; margin-left: 20px;">BuildPath</h1>
+    </div>
+
     <ChampionSelector style="margin-top: 64px;"/>
 </template>
