diff --git a/rhodecode/templates/changelog/changelog.html b/rhodecode/templates/changelog/changelog.html
--- a/rhodecode/templates/changelog/changelog.html
+++ b/rhodecode/templates/changelog/changelog.html
@@ -139,21 +139,31 @@ ${c.repo_name} ${_('Changelog')} - ${c.r
                         }
                     });					
 					
-					function set_canvas() {
+					function set_canvas(heads) {
 						var c = document.getElementById('graph_nodes');
 						var t = document.getElementById('graph_content');
 						canvas = document.getElementById('graph_canvas');
 						var div_h = t.clientHeight;
 						c.style.height=div_h+'px';
 						canvas.setAttribute('height',div_h);
-						canvas.setAttribute('width',160);
+						c.style.height=max_w+'px';
+						canvas.setAttribute('width',max_w);
 					};
-					set_canvas();
+					var heads = 1;
+					var max_heads = 0;
 					var jsdata = ${c.jsdata|n};
+					
+					for( var i=0;i<jsdata.length;i++){
+					    var m = Math.max.apply(Math, jsdata[i][1]);
+					    if (m>max_heads){
+					        max_heads = m;
+					    }
+					}
+					var max_w = Math.max(100,max_heads*25);
+					set_canvas(max_w);
+					
 					var r = new BranchRenderer();
-					r.render(jsdata);
-					
-
+					r.render(jsdata,max_w);
 					
 				});
 			</script>