diff --git a/src/views/Main/Map/components/Legend.vue b/src/views/Main/Map/components/Legend.vue
index 591064a..51d4077 100644
--- a/src/views/Main/Map/components/Legend.vue
+++ b/src/views/Main/Map/components/Legend.vue
@@ -79,7 +79,8 @@ onMounted(() => {
   padding: 12px 0 12px 12px;
   overflow-y: auto;
   border-radius: 4px;
-  background-color: #fff;
+  background: rgba(255, 255, 255, 0.8);
+  backdrop-filter: blur(10px);
   overflow: hidden;
 }
 .legend-comp {
@@ -98,7 +99,7 @@ onMounted(() => {
   .icon {
     width: 20px;
     height: 20px;
-    margin-right: 4px;
+    margin-right: 10px;
   }
 }
 </style>