Frappe Gantt Size bigger!

Hello, thanks for creating this awesome tool.
I installed Frappe Gantt, i followed the guide:

Added the frappe-gantt.min.js and frappe-gantt.css, then add a div class:
<div class="gantt-target"></div>

And added the javascript:

var tasks = [
{
id: ‘Task 1’,
name: ‘Redesign website’,
start: ‘2016-12-28’,
end: ‘2016-12-31’,
progress: 20,
dependencies: ‘’
},
]

  var gantt_chart = new Gantt(".gantt-target", tasks, {
  	on_click: function (task) {
  		console.log(task);
  	},
  	on_date_change: function(task, start, end) {
  		console.log(task, start, end);
  	},
  	on_progress_change: function(task, progress) {
  		console.log(task, progress);
  	},
  	on_view_change: function(mode) {
  		console.log(mode);
  	}
  });
  console.log(gantt_chart);

});

Actually the gantt works, fine, everything. But my “div” container looks weird, very small…
https://puu.sh/AQU80/b2b603aa15.png

How i can remove the right bar, and only leave the bottom bar, and make it bigger??
Any idea??
Thanks!!

upp, still need some help!!

Thanks.

You might have set width and height to the container. Increase the height to remove the horizontal scroll bar.