diff --git a/src/stylesheets/theme-styles.scss b/src/stylesheets/theme-styles.scss
index 9bec1d1129e61942817ee250277ed6f49d2adbbf..65d9cfda51552167add2c0f809b26c1429bd1e3b 100644
--- a/src/stylesheets/theme-styles.scss
+++ b/src/stylesheets/theme-styles.scss
@@ -64,6 +64,11 @@
     background-color: var(--drgstn-border) !important;
   }
 
+  // legend styles
+  .legend {
+    color: var(--drgstn-text-primary);
+  }
+
   .modal-card-body {
     .label {
       color: var(--drgstn-text-primary) !important;
@@ -186,6 +191,14 @@
     color: var(--drgstn-text-primary)
   }
 
+  // scrolllbar styles
+  network-expander {
+    --thumbBG: var(--drgstn-primary);
+    --scrollbarBG: var(--drgstn-background);
+
+    scrollbar-width: thin;
+    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
+  }
 
   ::-webkit-scrollbar {
     width: 5px;
@@ -209,17 +222,6 @@
   }
 }
 
-// scrolllbar styles
-network-expander {
-  --thumbBG: var(--drgstn-primary);
-  --scrollbarBG: var(--drgstn-background);
-}
-
-network-expander {
-  scrollbar-width: thin;
-  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
-}
-