diff --git a/src/App.vue b/src/App.vue
index 5e7154b..17ea38d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,17 @@
 <template>
   <Login v-if="screen === 'login'" />
-  <CharacterSelection v-if="screen === 'character_selection'" />
   <Register v-if="screen === 'register'" />
+  <Characters v-if="screen === 'characters'" />
   <Game v-if="screen === 'game'" />
 </template>
 
 <script setup lang="ts">
-import Game from '@/components/Game.vue'
-import Login from '@/components/screens/Login.vue'
-import Register from '@/components/screens/Register.vue'
 import { type Ref, ref } from 'vue'
 import { useSocketStore } from '@/stores/socket'
-import CharacterSelection from '@/components/screens/CharacterSelection.vue'
+import Login from '@/components/screens/Login.vue'
+import Register from '@/components/screens/Register.vue'
+import Characters from '@/components/screens/Characters.vue'
+import Game from '@/components/Game.vue'
 
 const screen:Ref<string> = ref('login');
 const socket = useSocketStore();
diff --git a/src/components/screens/CharacterSelection.vue b/src/components/screens/Characters.vue
similarity index 100%
rename from src/components/screens/CharacterSelection.vue
rename to src/components/screens/Characters.vue