diff --git a/src/assets/vendors.css b/src/assets/vendors.css
index 08aa643..c715c07 100644
--- a/src/assets/vendors.css
+++ b/src/assets/vendors.css
@@ -26,6 +26,7 @@
 .p-sidebar-mask {
   height: calc(100vh - 104px) !important;
   top: 104px !important;
+  z-index: 20;
 }
 .p-sidebar {
   @apply !shadow-[1px_0px_4px_rgba(0,0,0,0.25)]
@@ -49,7 +50,7 @@
 .p-inputswitch .p-inputswitch-slider:before {
   @apply !w-5 !h-5 !left-0.5
 }
-/* slider 拉霸 */
+/* slider 滑塊 */
 .p-slider .p-slider-handle {
   @apply !h-3.5 !w-3.5 !border !border-primary
 }
diff --git a/src/components/Discover/Map/SidebarFilter.vue b/src/components/Discover/Map/SidebarFilter.vue
index 00e9b67..e302032 100644
--- a/src/components/Discover/Map/SidebarFilter.vue
+++ b/src/components/Discover/Map/SidebarFilter.vue
@@ -1,5 +1,5 @@
 <template>
-  <Sidebar :visible="sidebarFilter" :closeIcon="'pi pi-chevron-left'" :modal="false" position="left" :dismissable="false" :baseZIndex="15" class="!w-11/12 !bg-neutral-100" >
+  <Sidebar :visible="sidebarFilter" :closeIcon="'pi pi-chevron-left'" :modal="false" position="left" :dismissable="false"  :autoZIndex="false" class="!w-11/12 !bg-neutral-100">
     <template #header>
       <ul class="flex space-x-4">
         <li class="h1 border-r-2 border-neutral-300 pr-4 cursor-pointer hover:text-neutral-900 hover:duration-700" @click="switchTab('filter')" :class="tab === 'filter'? 'text-neutral-900': 'text-neutral-500'" id="tabFilter">Filter</li>
@@ -680,7 +680,10 @@ export default {
 </script>
 
 <style scoped>
-#searchFiles::-webkit-search-cancel-button{
+#searchFiles::-webkit-search-cancel-button {
   appearance: none;
 }
+/* :deep(.p-sidebar-mask .p-sidebar-left .p-sidebar-visible) {
+  @apply z-20
+} */
 </style>