diff --git a/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java b/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java
index eaa592a38..d18849239 100644
--- a/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java
+++ b/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java
@@ -64,6 +64,10 @@ public abstract class TimeTrackerComponent extends HtmlMacroComponent {
         timeTrackerElementId = timetrackerId;
     }
 
+    public int getHorizontalSizePixels() {
+        return timeTracker.getHorizontalSize();
+    }
+
     public String getTimeTrackerId() {
         return timeTrackerElementId;
     }
diff --git a/ganttzk/src/main/resources/web/ganttz/zul/timetracker/timetracker.zul b/ganttzk/src/main/resources/web/ganttz/zul/timetracker/timetracker.zul
index 95a3719f2..a015816d8 100644
--- a/ganttzk/src/main/resources/web/ganttz/zul/timetracker/timetracker.zul
+++ b/ganttzk/src/main/resources/web/ganttz/zul/timetracker/timetracker.zul
@@ -59,7 +59,7 @@ function onDecrease(timetracker) {
             </hbox>
         </n:div>
 
-        <grid id="firstleveldetails">
+        <grid id="firstleveldetails" width="${top.horizontalSizePixels}px;">
             <columns>
                 <column label="${each.name}" width="${each.size}px"
                     forEach="${top.detailsFirstLevel}"></column>