diff --git a/app/templates/index.html b/app/templates/index.html
index 483cadb..18a3b85 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -31,7 +31,7 @@
 
 <body>
   <div id="app" class="container mt-5">
-    <h1 class="mb-4">夸克自动转存配置</h1>
+    <h1 class="mb-4"><i class="bi bi-clouds"></i> 夸克自动转存</h1>
     <form @submit.prevent="saveConfig">
 
       <div class="row title">
@@ -105,16 +105,22 @@
       </div>
       <div class="form-group row">
         <label class="col-sm-2 col-form-label">路径筛选</label>
-        <div class="col-sm-10">
+        <div class="input-group col-sm-10">
           <select class="form-control" v-model="taskDirSelected">
             <option v-for="(dir, index) in taskDirs" :value="dir" v-html="dir"></option>
           </select>
+          <div class="input-group-append">
+            <button type="button" class="btn btn-outline-secondary" @click="clearData('taskDirSelected')"><i class="bi bi-x-lg"></i></button>
+          </div>
         </div>
       </div>
       <div class="form-group row">
         <label class="col-sm-2 col-form-label">名称筛选</label>
-        <div class="col-sm-10">
+        <div class="input-group col-sm-10">
           <input type="text" class="form-control" v-model="taskNameFilter">
+          <div class="input-group-append">
+            <button type="button" class="btn btn-outline-secondary" @click="clearData('taskNameFilter')"><i class="bi bi-x-lg"></i></button>
+          </div>
         </div>
       </div>
       <div v-for="(task, index) in formData.tasklist" :key="index" class="task mb-3">
@@ -193,7 +199,7 @@
       <div class="row">
         <div class="col-sm-12 text-center">
           <p>
-            <a target="_blank" href="https://github.com/Cp0204/quark-auto-save">@Cp0204/quark_auto_save</a> v[[ version ]]
+            <a target="_blank" href="https://github.com/Cp0204/quark-auto-save"><i class="bi bi-github"></i> Cp0204/quark_auto_save</a> v[[ version ]]
           </p>
         </div>
       </div>
@@ -350,6 +356,9 @@
         clearShareurlBan(task) {
           delete task.shareurl_ban;
         },
+        clearData(target) {
+          this[target] = "";
+        },
         runScriptNow() {
           $('#logModal').modal('toggle')
           this.run_log = '<div class="spinner-border" role="status"></div> 请耐心等待脚本全部执行完毕...'
