diff --git a/frontend-js/src/main/css/global.css b/frontend-js/src/main/css/global.css
index 2a1175daecdbe91a99acb63af95c98f89e20a23d..d6566bc39c280ae8ea4504d5c7799f35e9471938 100644
--- a/frontend-js/src/main/css/global.css
+++ b/frontend-js/src/main/css/global.css
@@ -45,6 +45,11 @@
     height: 35px;
 }
 
+.minerva-header .minerva-menu-link {
+    padding-right: 5px;
+    float: right;
+}
+
 .minerva-checkbox-grid li {
     display: block;
     float: left;
diff --git a/frontend-js/src/main/js/gui/Header.js b/frontend-js/src/main/js/gui/Header.js
index 2ea97b9f4bda4d1b9428218195b58c4593d9dfc1..da36929e10484acbb8465a18826c1d1cca3a91d7 100644
--- a/frontend-js/src/main/js/gui/Header.js
+++ b/frontend-js/src/main/js/gui/Header.js
@@ -85,7 +85,7 @@ Header.prototype._createHeaderGui = function (guiParams) {
 
     var menuLink = Functions.createElement({
       type: "a",
-      style: "padding-right:5px; float:right",
+      className: "minerva-menu-link",
       content: '<i class="fa fa-bars" style="font-size:17px"></i>&nbsp;',
       href: "#",
       onclick: function () {
diff --git a/frontend-js/src/test/js/gui/Header-test.js b/frontend-js/src/test/js/gui/Header-test.js
index fadb950146ddab944ee7832d1785b09a11f0f989..eb76c462261d10ba821f3a89102a43db25eb4a2c 100644
--- a/frontend-js/src/test/js/gui/Header-test.js
+++ b/frontend-js/src/test/js/gui/Header-test.js
@@ -51,4 +51,24 @@ describe('Header', function () {
     });
   });
 
+  it('open menu', function () {
+    var map = helper.createCustomMap();
+
+    var header = new Header({
+      element: testDiv,
+      configuration: helper.getConfiguration(),
+      customMap: map,
+      optionsMenu: true
+    });
+
+    return header.init().then(function () {
+      assert.ok($(".dropdown-menu").css('display') === 'none');
+      return $(".minerva-menu-link", testDiv)[0].onclick();
+    }).then(function () {
+      assert.notOk($(".dropdown-menu").css('display') === 'none');
+      return header.destroy();
+    });
+  });
+
+
 });