diff --git a/html/map/index.html b/html/map/index.html
index eef6186..8a8473f 100644
--- a/html/map/index.html
+++ b/html/map/index.html
@@ -10,7 +10,7 @@
 
     <body>
         <div id="sidebar">
-            <div>
+            <div id="sidebarContent">
                 <h2>AS4242420129</h2>
                 <div id="nodes"></div>
             </div>
diff --git a/html/map/style.css b/html/map/style.css
index e8c21d6..5a08d30 100644
--- a/html/map/style.css
+++ b/html/map/style.css
@@ -11,25 +11,31 @@ html, body {
     position: absolute;
     z-index: 9999;
 
-    background: rgba(0,0,0, 0.9);
+    background: rgba(0,0,0, 0.7);
     backdrop-filter: blur(32px);
     color: white;
 
     mask-image: linear-gradient(90deg, black 300px, transparent 320px);
 
-    div {
+    #sidebarContent {
+        text-align: center;
+        height: 100%;
         width: 300px;
 
-        h2 {
-            text-align: center;
+        overflow-x: scroll;
+
+        #nodes {
+            width: 100%;
         }
     
         #nodes > div {
+            text-align: left;
             cursor: pointer;
             background: #222;
-            padding: 10px;
+            padding: 10px 20px;
             margin: 10px;
-            width: calc(100% - 40px);
+            width: calc(100% - 60px);
+            height: auto;
             border-radius: 8px;
         }
     }
@@ -105,7 +111,8 @@ html, body {
 
         mask-image: linear-gradient(180deg, black 200px, transparent 220px);
 
-        div {
+        #sidebarContent {
+            width: 100%;
             height: 200px;
         }
     }
