diff --git a/web/src/css/styles.css b/web/src/css/styles.css
index 59a8b960..9c7e3263 100644
--- a/web/src/css/styles.css
+++ b/web/src/css/styles.css
@@ -117,10 +117,13 @@ div.leaflet-control-layers.coordinates {
 }
 #sidebar fieldset#worlds {
     margin: -15px 0 0;
+    overflow-y: auto; /* Make the world list scrollable */
+    max-height: 50%; /* Allow both lists to co-exist in harmony */
 }
 #sidebar fieldset#players {
     margin: 10px 0 0;
     overflow-y: auto;
+    max-height: 50%; /* Allow both lists to co-exist in harmony */
 }
 #sidebar fieldset#players::-webkit-scrollbar {
     width: 6px;