diff --git a/frontend/index.html b/frontend/index.html
index 4abfb6a..d35617d 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -43,13 +43,13 @@
                  class="absolute inset-0 opacity-0 cursor-pointer" />
         </label>
       </div>
-
-      <div class="mt-4 text-sm text-gray-500 dark:text-gray-400">
-        <label for="publicFolderName" class="font-medium">Optional folder name:</label>
-        <input type="text" id="publicFolderName" name="publicFolderName" maxlength="64" placeholder="e.g., Soccer game" class="mt-1 mx-auto block w-full max-w-sm rounded-lg border border-gray-300 bg-gray-50 p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500">
-      </div>
     </section>
 
+    <div class="mt-4 text-sm text-gray-500 dark:text-gray-400">
+      <label for="publicFolderName" class="font-medium">Optional folder name:</label>
+      <input type="text" id="publicFolderName" name="publicFolderName" maxlength="64" class="mt-1 mx-auto w-full max-w-sm rounded-lg border border-gray-300 p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500">
+    </div>
+
     <!-- Queue summary -->
     <section id="summary" class="rounded-2xl border bg-white p-4 shadow-sm dark:bg-gray-800 dark:border-gray-700 transition-colors">
       <div class="flex flex-wrap items-end justify-between gap-2 text-sm">