diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
index 03de8e7..e7ea3a0 100644
--- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
+++ b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
@@ -205,14 +205,8 @@ svg:not(:root) {
   padding-left: 0 !important;
 }
 
-.main-menu-underline {
-  text-align: -webkit-center;
-}
-
 .main-menu-underline-line {
-  background-color: #e4154b;
-  height: 5px;
-  width: 50%;
+  border: 3px solid #e4154b !important;
 }
 
 .affiliation-text a:hover {
diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
index a146d4a..b6f3929 100644
--- a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
+++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
@@ -134,10 +134,7 @@
             </div>
             {%- endfor %}
           </div>
-          <div class="row">
-            <div class="column centered main-menu-underline">
-              <div class="main-menu-underline-line"></div>
-            </div>
+          <div class="ui divider main-menu-underline-line">
           </div>
            <div class="row">
           </div>