diff --git a/app/assets/javascripts/app/views/navigation.jst.eco b/app/assets/javascripts/app/views/navigation.jst.eco
index 53ae66096..73469b55f 100644
--- a/app/assets/javascripts/app/views/navigation.jst.eco
+++ b/app/assets/javascripts/app/views/navigation.jst.eco
@@ -109,7 +109,7 @@
       Oliver Ruhm <span class="company">Zeughaus GmbH</span>
     </div>
     <hr>
-    <div class="horizontal two-column wrap">
+    <div class="horizontal two-columns wrap">
       <div class="column">
         <h3>ID</h3>
         <div class="contain-text">#10009</div>
diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css
index 4de722b63..11f687d40 100755
--- a/app/assets/stylesheets/layout.css
+++ b/app/assets/stylesheets/layout.css
@@ -185,13 +185,18 @@ body.fit {
   align-items: flex-end;
 }
 
-.two-column {
+.two-columns,
+.three-columns {
   -ms-box-lines: multiple;
   -moz-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 
-.two-column > .column {
+.two-columns > .column {
   width: 50%;
 }
+
+.three-columns > .column {
+  width: 33.33%;
+}