diff --git a/src/components/Discover/Map/SidebarFilter.vue b/src/components/Discover/Map/SidebarFilter.vue
index e5f4cd4..d109825 100644
--- a/src/components/Discover/Map/SidebarFilter.vue
+++ b/src/components/Discover/Map/SidebarFilter.vue
@@ -511,6 +511,7 @@ export default {
     },
     // header:Filter 發送選取的資料
     async submit(){
+      this.isLoading = true;
       let data;
       let sele = this.selectValue;
       let isExclude = sele[5] === 'Exclude' ? true : false;
@@ -644,7 +645,7 @@ export default {
       await this.allMapDataStore.checkHasResult();
 
       // 有 Data 就加進 Funnel，沒有 Data 不加進 Funnel 和跳錯誤訊息
-      if(this.hasResultRule === null) return;
+      if(this.hasResultRule === null) return this.isLoading = false;
       else if(this.hasResultRule) {
         if(!this.temporaryData?.length){
           this.temporaryData.push(...postData);
@@ -656,13 +657,13 @@ export default {
           this.ruleData.push(...postData.map(e => this.setRule(e)))
         }
         this.reset(false);
-        this.isLoading = true;
+        // this.isLoading = true;
         await new Promise(resolve => setTimeout(resolve, 1000));
         this.isLoading = false;
         this.$toast.success('Filter applied. Go to Funnel to verify.');
       }else {
         this.reset(false);
-        this.isLoading = true;
+        // this.isLoading = true;
         await new Promise(resolve => setTimeout(resolve, 1000));
         this.isLoading = false;
         this.$toast.warning('No Data.');
diff --git a/src/views/Files/index.vue b/src/views/Files/index.vue
index 5cd8a8f..76b814b 100644
--- a/src/views/Files/index.vue
+++ b/src/views/Files/index.vue
@@ -4,15 +4,14 @@
     <section class="mb-4">
       <h2 class="font-bold py-4 mb-4 border-b border-neutral-500">Recently Used</h2>
       <!-- card group 最多六個-->
-      <ul class="flex justify-start items-center gap-4 overflow-x-auto w-full h-[192px] scrollbar whitespace-nowrap pb-4">
+      <ul class="flex justify-start items-center gap-4 overflow-x-auto w-full h-[192px] scrollbar pb-4">
         <!-- card item v-for -->
-        <li class="min-w-[216px] h-[168px] p-4 border rounded border-neutral-300  hover:bg-primary/10 hover:border-primary duration-300
-        flex flex-col justify-between cursor-pointer" v-for="(file, index) in recentlyUsedFiles.slice(0, 6)" :key="file.id" @dblclick="enterDiscover(file)">
-          <div>
+        <li class="w-[216px] min-w-[216px] h-[168px] p-4 border rounded border-neutral-300  hover:bg-primary/10 hover:border-primary duration-300 flex flex-col justify-between cursor-pointer" v-for="(file, index) in recentlyUsedFiles.slice(0, 6)" :key="file.id" @dblclick="enterDiscover(file)" :title="file.name">
+          <div class="">
             <span class="material-symbols-outlined mb-2 text-[32px] block">
               {{ file.icon }}
             </span>
-            <h3 class="text-sm font-medium mb-2">
+            <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis">
               {{ file.name }}
             </h3>
             <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
@@ -47,26 +46,26 @@
           <Column field="updated_at" header="Last Update" bodyClass="text-neutral-500" sortable></Column>
         </DataTable>
       </div>
-    <!-- All Files type of grid -->
-    <ul class="flex justify-start items-start gap-4 flex-wrap overflow-y-scroll overflow-x-hidden max-h-[calc(100vh_-_480px)] scrollbar" v-else>
-    <li class="w-[216px] h-[168px] p-4 border rounded border-neutral-300  hover:bg-primary/10 hover:border-primary duration-300 flex flex-col justify-between cursor-pointer"
-      v-for="(file, index) in allFiles" :key="file.id" @dblclick="enterDiscover(file)">
-        <div>
-          <span class="material-symbols-outlined mb-2 text-[32px] block">
-            {{ file.icon }}
-          </span>
-          <h3 class="text-sm font-medium mb-2">
-            {{ file.name }}
-          </h3>
-          <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
-            {{ file.parentLog }}
+      <!-- All Files type of grid -->
+      <ul class="flex justify-start items-start gap-4 flex-wrap overflow-y-scroll overflow-x-hidden max-h-[calc(100vh_-_480px)] scrollbar" v-else>
+      <li class="w-[216px] h-[168px] p-4 border rounded border-neutral-300 hover:bg-primary/10 hover:border-primary duration-300 flex flex-col justify-between cursor-pointer"
+        v-for="(file, index) in allFiles" :key="file.id" @dblclick="enterDiscover(file)" :title="file.name">
+          <div>
+            <span class="material-symbols-outlined mb-2 text-[32px] block">
+              {{ file.icon }}
+            </span>
+            <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis">
+              {{ file.name }}
+            </h3>
+            <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
+              {{ file.parentLog }}
+            </p>
+          </div>
+          <p class="text-sm text-neutral-500">
+            {{ file.updated_at }}
           </p>
-        </div>
-        <p class="text-sm text-neutral-500">
-          {{ file.updated_at }}
-        </p>
-      </li>
-    </ul>
+        </li>
+      </ul>
     </section>
   </div>
 </template>