diff --git a/frontend/components/nav/SideBar.vue b/frontend/components/nav/SideBar.vue
index a87505f..635c82a 100644
--- a/frontend/components/nav/SideBar.vue
+++ b/frontend/components/nav/SideBar.vue
@@ -49,6 +49,10 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
         <h2 :class="'sidebar-link ' + (state == 'items' && laneState == i ? 'sidebar-link-selected' : '')" 
             @click="handleStateChange('items', i)" 
             style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Items</h2>
+
+        <h2 :class="'sidebar-link ' + (state == 'alternatives' && laneState == i ? 'sidebar-link-selected' : '')" 
+            @click="handleStateChange('alternatives', i)" 
+            style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Alternatives</h2>
         
         </div>
 
diff --git a/frontend/pages/champion/[alias].vue b/frontend/pages/champion/[alias].vue
index 9f33529..9426ed5 100644
--- a/frontend/pages/champion/[alias].vue
+++ b/frontend/pages/champion/[alias].vue
@@ -48,6 +48,9 @@ function updateState(newState : string, newLane : number) {
         <ItemViewer v-if="state == 'items' && championData.gameCount > 0" 
             style="margin:auto; margin-top: 40px;" 
             :builds="lane.builds!!" />
+        <ItemTree v-if="state == 'alternatives' && championData.gameCount > 0"
+            style="margin: auto; margin-top: 40px; width: fit-content;"
+            :tree="lane.builds!!.tree" />
         <h2 v-if="championData.gameCount == 0" 
             style="margin: auto; margin-top: 20px; width: fit-content;">
             Sorry, there is no data for this champion :(