diff --git a/src/lib/navigator/EventNetwork/Legend.svelte b/src/lib/navigator/EventNetwork/Legend.svelte
index 76be770..d8e79b4 100644
--- a/src/lib/navigator/EventNetwork/Legend.svelte
+++ b/src/lib/navigator/EventNetwork/Legend.svelte
@@ -50,12 +50,3 @@
   </ul>
 </div>
 
-<style>
-  .legend-circle.content {
-    background-color: var(--content-color, #d6c1a8);
-  }
-  
-  :global(.dark) .legend-circle.content {
-    background-color: var(--content-color-dark, #FFFFFF);
-  }
-</style>
diff --git a/src/styles/visualize.css b/src/styles/visualize.css
index 456a4c1..ef7f33b 100644
--- a/src/styles/visualize.css
+++ b/src/styles/visualize.css
@@ -21,6 +21,14 @@
         background-color: #d6c1a8;
     }
 
+    .legend-circle.content {
+        background-color: var(--content-color, #d6c1a8);
+    }
+    
+    :global(.dark) .legend-circle.content {
+        background-color: var(--content-color-dark, #FFFFFF);
+    }
+
     .legend-letter {
         @apply absolute inset-0 flex items-center justify-center text-black text-xs font-bold;
     }
@@ -35,7 +43,7 @@
     }
     
     .network-svg-container {
-        @apply h-[calc(100%-130px)] min-h-[300px];
+        @apply relative;
     }
     
     .network-svg {