diff --git a/public/css/style.css b/public/css/style.css
index 98b024b..ec48d99 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -5,7 +5,11 @@ html, body {
 #wrap {
     min-height: 100%;
 }
-
+.scrollable-menu {
+    height: auto;
+    max-height: 200px;
+    overflow-x: hidden;
+}
 #main_contain {
     overflow:auto;
     padding-bottom:150px;
diff --git a/templates/nav.html.twig b/templates/nav.html.twig
index 010173d..d5743b5 100644
--- a/templates/nav.html.twig
+++ b/templates/nav.html.twig
@@ -36,7 +36,7 @@
                     <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                         {{ getLanguage(app.request.locale) }}
                     </a>
-                    <div class="dropdown-menu">
+                    <div class="dropdown-menu scrollable-menu">
                         {% set route =  app.request.attributes.get('_route') %}
                         {% if route == "app_fediplan_about" %}
                             {% set route = "about" %}