diff --git a/public/assets/js/ui-list.js b/public/assets/js/ui-list.js
index 547ed3d..d6b7b90 100644
--- a/public/assets/js/ui-list.js
+++ b/public/assets/js/ui-list.js
@@ -253,8 +253,11 @@ export async function loadList(section) {
       return `<div class='p-3 flex items-center gap-3'>
         ${nameCell}
         <div class='text-xs text-gray-500'>#${item.id}</div>
-        ${versionSelect}
-        <div class='ms-auto flex gap-2'>${[openBtn, editTplBtn, testBtn, prevBtn, delBtn].filter(Boolean).join('')}</div>
+        <div class='ms-auto flex gap-2 items-center'>
+          ${openBtn}
+          ${versionSelect}
+          ${[editTplBtn, testBtn, prevBtn, delBtn].filter(Boolean).join('')}
+        </div>
       </div>`;
     }).join('');
 
@@ -299,6 +302,7 @@ export async function loadList(section) {
   function bindListHandlers(scope) {
     scope.querySelectorAll('[data-version-select]').forEach(sel => {
       const id = Number(sel.getAttribute('data-version-select') || 0);
+      loadVersionOptions(sel, id);
       sel.addEventListener('focus', () => loadVersionOptions(sel, id));
       sel.addEventListener('click', () => loadVersionOptions(sel, id));
       sel.addEventListener('change', () => {