diff --git a/frontend/components/actions/CreateDirectoryDialog.vue b/frontend/components/actions/CreateDirectoryDialog.vue
index 560c394..67230bc 100644
--- a/frontend/components/actions/CreateDirectoryDialog.vue
+++ b/frontend/components/actions/CreateDirectoryDialog.vue
@@ -15,6 +15,9 @@ const dialog = useCreateDirectoryDialog();
 
 const creating = ref(false);
 const directoryName = ref('');
+const directoryNameValid = computed(
+    () => directoryName.value.trim().length > 0
+);
 
 async function submit() {
     creating.value = true;
@@ -59,7 +62,11 @@ async function submit() {
             />
 
             <DialogFooter>
-                <Button :disabled="creating" @click="submit">Create</Button>
+                <Button
+                    :disabled="!directoryNameValid || creating"
+                    @click="submit"
+                    >Create</Button
+                >
             </DialogFooter>
         </DialogContent>
     </Dialog>