diff --git a/resources/assets/stylesheets/scss/contentbar.scss b/resources/assets/stylesheets/scss/contentbar.scss
index 01e586ffe56c27c1614df3de9b0afba115028fbe..ce1e313325e9d2991e58ddb3cb9748af92db5e12 100644
--- a/resources/assets/stylesheets/scss/contentbar.scss
+++ b/resources/assets/stylesheets/scss/contentbar.scss
@@ -4,6 +4,7 @@
     display: flex;
     flex-wrap: nowrap;
     height: auto;
+    align-items: center;
     justify-content: flex-start;
     margin-bottom: 15px;
     min-height: 30px;
@@ -17,6 +18,7 @@
     .contentbar-wrapper-left {
         display: flex;
         max-width: calc(100% - 130px);
+        flex: 1;
 
         .contentbar-breadcrumb {
             font-size: 1.25em;
@@ -25,16 +27,16 @@
             min-width: 0;
 
             .contentbar-icon {
-                flex: 0;
                 height: 24px;
                 margin-top: 2px;
                 width: 24px;
             }
 
             ul {
-                display: flex;
+                display: inline-flex;
                 list-style: none;
                 margin-left: 15px;
+                max-width: 100%;
                 padding-left: 0;
 
                 li+li:before {
@@ -71,6 +73,7 @@
     .contentbar-wrapper-right {
         align-items: center;
         display: flex;
+        flex: 1;
         justify-content: flex-end;
         position: relative;