diff --git a/frontend/components/nav/Bar.vue b/frontend/components/nav/Bar.vue
index 7d39433..ef3b9ef 100644
--- a/frontend/components/nav/Bar.vue
+++ b/frontend/components/nav/Bar.vue
@@ -11,11 +11,11 @@ const emit = defineEmits<{
 </script>
 
 <template>
-    <NavSideBar :champion-name="championName" 
+    <LazyNavSideBar :champion-name="championName" 
         :champion-lanes="championLanes"
         :tierlist-list="tierlistList"
         @state-change="(s, l) => emit('stateChange', s, l)"/>
-    <NavBottomBar :champion-name="championName" 
+    <LazyNavBottomBar :champion-name="championName" 
         :champion-lanes="championLanes" 
         @state-change="(s, l) => emit('stateChange', s, l)"/>
 </template>
\ No newline at end of file