diff --git a/frontend/public/earth/css/legend.css b/frontend/public/earth/css/legend.css
index efa99439..40393d64 100644
--- a/frontend/public/earth/css/legend.css
+++ b/frontend/public/earth/css/legend.css
@@ -24,11 +24,18 @@
 #legend .legend-item {
   display: flex;
   align-items: center;
+  padding: 6px 8px;
+  border-radius: 10px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(120, 180, 255, 0.02));
+  border: 1px solid rgba(225, 242, 255, 0.06);
 }
 
 #legend .legend-color {
   width: 20px;
   height: 20px;
-  border-radius: 3px;
+  border-radius: 6px;
   margin-right: 10px;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.2),
+    0 0 12px rgba(77, 184, 255, 0.18);
 }