diff --git a/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java b/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
index 6aa2840c2..bcfd35831 100644
--- a/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
+++ b/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
@@ -528,8 +528,7 @@ public class Planner extends HtmlMacroComponent  {
 
             @Override
             public void onEvent(Event event) {
-                Clients.evalJavaScript("zkTaskContainer.legendResize();");
-
+                Clients.evalJavaScript("ganttz.TaskList.getInstance().legendResize();");
             }
 
         });
diff --git a/ganttzk/src/main/resources/web/js/ganttz/TaskList.js b/ganttzk/src/main/resources/web/js/ganttz/TaskList.js
index df04cacba..4fc7061ff 100644
--- a/ganttzk/src/main/resources/web/js/ganttz/TaskList.js
+++ b/ganttzk/src/main/resources/web/js/ganttz/TaskList.js
@@ -20,7 +20,12 @@ ganttz.TaskList = zk.$extends(zk.Widget, {
     hideResourceTooltips : function(){
         for(var child = this.firstChild; child; child = child.nextSibling)
             child.hideResourceTooltip();
+    },
+    legendResize : function() {
+        var taskdetailsContainer = jq('.taskdetailsContainer')[0];
+        jq('.legend-container').width(taskdetailsContainer.clientWidth-75);
     }
+
 },{//Class stuff
     setInstance : function(instance){
         this.instance = instance;
@@ -28,4 +33,4 @@ ganttz.TaskList = zk.$extends(zk.Widget, {
     getInstance    : function(){
         return this.instance;
     }
-});
\ No newline at end of file
+});