diff --git a/ganttzk/src/main/resources/web/js/ganttz/mold/task-container.js b/ganttzk/src/main/resources/web/js/ganttz/mold/task-container.js
index b45a7a6a4..6e47a5891 100644
--- a/ganttzk/src/main/resources/web/js/ganttz/mold/task-container.js
+++ b/ganttzk/src/main/resources/web/js/ganttz/mold/task-container.js
@@ -6,6 +6,11 @@ function(out){
             'class="taskgroup"',
             '>');
 
+        out.push('<div class="border-container">',
+            '<div class="taskgroup_start"></div>',
+            '<div class="taskgroup_end"></div>',
+        '</div>');
+
         out.push('<div class="task-labels">',
                     this.getLabelsText(),
                 '</div>');
@@ -21,11 +26,6 @@ function(out){
                     '<div class="completion2"></div>',
                 '</div>');
 
-        out.push('<div class="border-container">',
-                    '<div class="taskgroup_start"></div>',
-                    '<div class="taskgroup_end"></div>',
-                '</div>');
-
         out.push('<div id="tasktooltip', this.uuid, '"',
                 'class="task_tooltip">',
                     this.getTooltipText(),
diff --git a/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css b/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css
index ebd565b8c..8de1cf96a 100644
--- a/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css
+++ b/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css
@@ -342,12 +342,15 @@ div.box.limiting-unassigned {
     padding-right:2px;
     heigth: 12px !important;
     position: relative;
-    top: -8px;
     left:10;
     display: block;
     clear: both;
 }
 
+.border-container + .task-labels {
+    top: -5px;
+}
+
 .milestone_end {
     background-image:
         url("../../zkau/web/ganttz/img/milestone.png");