diff --git a/static/src/app/app.component.css b/static/src/app/app.component.css
index 156bb18..23acb46 100644
--- a/static/src/app/app.component.css
+++ b/static/src/app/app.component.css
@@ -22,3 +22,9 @@ li {
   float: left;
   width: calc(100% - 400px);
 }
+
+.scrollable-menu {
+  height: auto;
+  max-height: 200px;
+  overflow-x: hidden;
+}
diff --git a/static/src/app/app.component.html b/static/src/app/app.component.html
index c23c207..6beb80d 100644
--- a/static/src/app/app.component.html
+++ b/static/src/app/app.component.html
@@ -27,7 +27,7 @@
               Schlacht Statistik
               <span class="caret"></span>
             </a>
-            <ul class="dropdown-menu">
+            <ul class="dropdown-menu scrollable-menu">
               <li *ngFor="let war of wars">
                 <a [routerLink]="['/cc-wars/' + war._id]">{{war.title}} <small>{{war.date | date: 'dd.MM.yy'}}</small></a>
               </li>