diff --git a/frontend/components/NavBar.vue b/frontend/components/NavBar.vue
index 3866e91..8c6c4e0 100644
--- a/frontend/components/NavBar.vue
+++ b/frontend/components/NavBar.vue
@@ -2,11 +2,11 @@
 import { LANE_IMAGES, lanePositionToIndex, POSITIONS_STR } from '~/utils/cdragon';
 
 defineProps<{
-    championName: String
+    championName: string
     championLanes?: Array<LaneData>
 }>()
 const emit = defineEmits<{
-    stateChange: [state: String, lane: number]
+    stateChange: [state: string, lane: number]
 }>()
 
 const state = ref("runes")
diff --git a/frontend/components/SideBar.vue b/frontend/components/SideBar.vue
index 0f253e3..ea4b246 100644
--- a/frontend/components/SideBar.vue
+++ b/frontend/components/SideBar.vue
@@ -2,11 +2,11 @@
 import { LANE_IMAGES, lanePositionToIndex, POSITIONS_STR } from '~/utils/cdragon';
 
 defineProps<{
-    championName: String
+    championName: string
     championLanes?: Array<LaneData>
 }>()
 const emit = defineEmits<{
-    stateChange: [state: String, lane: number]
+    stateChange: [state: string, lane: number]
 }>()
 
 const state = ref("runes")