diff --git a/ui/src/main.js b/ui/src/main.js
index 132098e..647f8a5 100644
--- a/ui/src/main.js
+++ b/ui/src/main.js
@@ -1,4 +1,3 @@
-import 'vfonts/Lato.css'
 import 'vfonts/FiraCode.css'
 import './styles/global.css'
 
diff --git a/ui/src/pages/Launch.vue b/ui/src/pages/Launch.vue
index 7300528..4a912e0 100644
--- a/ui/src/pages/Launch.vue
+++ b/ui/src/pages/Launch.vue
@@ -175,8 +175,8 @@ async function handle_migrate(key) {
         显示日志
       </div>
     </n-space>
-    <n-list class="instance-list" bordered>
-      <n-list-item>
+    <n-list class="instance_list" bordered>
+      <n-list-item class="instance_list_item">
         <template #prefix>
           <n-checkbox
             v-model:checked="check_all"
@@ -187,29 +187,26 @@ async function handle_migrate(key) {
           >
         </template>
       </n-list-item>
-      <n-list-item v-for="(item, index) in conf.instances" :key="index">
+      <n-list-item class="instance_list_item" v-for="(item, index) in conf.instances" :key="index">
         <template #prefix>
           <n-checkbox v-model:checked="item.checked"></n-checkbox>
         </template>
         <n-space vertical>
           <n-space v-if="update_instance_name_index != index">
-            <n-text>{{ item.name }}</n-text>
+            <n-text class="instance_name">{{ item.name }}</n-text>
             <n-button size="tiny" @click="start_update_instance_name(index)">
               <template #icon>
                 <n-icon :component="Pencil"></n-icon>
               </template>
             </n-button>
-            <n-button @click="open_folder(item.path)" size="tiny">
-              <template #icon>
-                <n-icon :component="Folder"></n-icon>
-              </template>
-            </n-button>
           </n-space>
           <n-input
             v-else
+            class="instance_name_input"
             :ref="(el) => setInstanceNameInputRef(el, index)"
             v-model:value="item.name"
             @blur="end_update_instance_name"
+            clearable
           ></n-input>
         </n-space>
         <template #suffix>
@@ -234,6 +231,11 @@ async function handle_migrate(key) {
                 <n-icon :component="Stop"></n-icon>
               </template>
             </n-button>
+            <n-button type="primary" ghost size="small" @click="open_folder(item.path)">
+              <template #icon>
+                <n-icon :component="Folder"></n-icon>
+              </template>
+            </n-button>
             <n-popconfirm @positive-click="delete_instance(index, item.path)">
               <template #trigger>
                 <n-button type="error" ghost size="small">
@@ -256,9 +258,18 @@ async function handle_migrate(key) {
 .launch-btn {
   height: 38px;
 }
-.instance-list {
+.instance_list {
   overflow: auto;
 }
+.instance_list_item {
+  height: 50px;
+}
+.instance_name {
+  margin-left: 12px;
+}
+.instance_name_input {
+  height: 35px;
+}
 .log {
   min-height: 40vh;
   max-height: 40vh;
@@ -269,5 +280,6 @@ async function handle_migrate(key) {
 }
 .is_show_log_switch {
   margin-right: 20px;
+  text-align: center;
 }
 </style>