diff --git a/src/components/CreatePlaylistModal.vue b/src/components/CreatePlaylistModal.vue
index cadcb541..872176f0 100644
--- a/src/components/CreatePlaylistModal.vue
+++ b/src/components/CreatePlaylistModal.vue
@@ -2,7 +2,7 @@
     <ModalComponent @close="$emit('close')">
         <div class="flex flex-col">
             <h2 v-t="'actions.create_playlist'" />
-            <input v-model="playlistName" type="text" class="input mt-2" />
+            <input ref="input" v-model="playlistName" type="text" class="input mt-2" />
             <div class="ml-auto mt-3 w-min flex">
                 <button v-t="'actions.cancel'" class="btn" @click="$emit('close')" />
                 <button v-t="'actions.okay'" class="btn ml-2" @click="onCreatePlaylist" />
@@ -25,6 +25,7 @@ export default {
         };
     },
     mounted() {
+        this.$refs.input.focus();
         window.addEventListener("keydown", this.handleKeyDown);
     },
     unmounted() {