diff --git a/src/components/modals/NewPlaylist.vue b/src/components/modals/NewPlaylist.vue
index 480d385a..20c13f5d 100644
--- a/src/components/modals/NewPlaylist.vue
+++ b/src/components/modals/NewPlaylist.vue
@@ -14,8 +14,13 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from "vue";
 import { createNewPlaylist } from "../../composables/playlists";
 
+onMounted(() => {
+  document.getElementById("modal-playlist-name-input").focus();
+});
+
 const emit = defineEmits<{
   (e: "title", title: string): void;
   (e: "hideModal"): void;