diff --git a/src/styles.scss b/src/styles.scss
index 4bb9efc09b9d45cf6bc1bb8260b80972e62bb7c5..d6ff399d79bc4cd8e2d9b5026ee6afd80aa33bea 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -252,5 +252,3 @@ html, #appWindow {
 .button-small{
   padding: $button-small-padding;
 }
-
-
diff --git a/src/theme-styles.scss b/src/theme-styles.scss
index dec5dc08df5124142ed06d1174f87c10762b27f4..eb50f8a59a677d32b25f36ae1d0e69581a10f4ae 100644
--- a/src/theme-styles.scss
+++ b/src/theme-styles.scss
@@ -230,4 +230,33 @@ a:hover {
   color: var(--drgstn-text-primary) !important;
 }
 
+// scrolllbar styles
+network-expander {
+  --thumbBG: var(--drgstn-primary);
+  --scrollbarBG: var(--drgstn-secondary);
+}
+network-expander {
+  scrollbar-width: thin;
+  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
+}
+::-webkit-scrollbar {
+  width: 5px;
+}
+::-webkit-scrollbar-track {
+  background: var(--scrollbarBG);
+}
+::-webkit-scrollbar-thumb {
+  background: var(--thumbBG);
+  border-radius: 6px;
+  border: 3px solid var(--scrollbarBG);
+}
+::-moz-scrollbar-button:decrement,
+::-moz-scrollbar-button:increment,
+::-webkit-scrollbar-button:decrement,
+::-webkit-scrollbar-button:increment {
+  width: 0px;
+}
+
+
+