diff --git a/index.html b/index.html
index 642f952..ce97e5e 100644
--- a/index.html
+++ b/index.html
@@ -16,13 +16,16 @@
 		.gantt .bar-milestone .bar {
 			fill: tomato;
 		}
+		.heading {
+			text-align: center;
+		}
 	</style>
 	<link rel="stylesheet" href="dist/frappe-gantt.css" />
 	<script src="dist/frappe-gantt.js"></script>
 </head>
 <body>
 	<div class="container">
-		<h2>Interactive Gantt Chart entirely made in SVG!</h2>
+		<h2 class="heading">Interactive Gantt Chart entirely made in SVG!</h2>
 		<div class="gantt-target"></div>
 	</div>
 	<script>
@@ -84,16 +87,16 @@
 			}
 		]
 		var gantt_chart = new Gantt(".gantt-target", tasks, {
-			on_click: function (task) {
+			on_click: task => {
 				console.log(task);
 			},
-			on_date_change: function(task, start, end) {
+			on_date_change: (task, start, end) => {
 				console.log(task, start, end);
 			},
-			on_progress_change: function(task, progress) {
+			on_progress_change: (task, progress) => {
 				console.log(task, progress);
 			},
-			on_view_change: function(mode) {
+			on_view_change: (mode) => {
 				console.log(mode);
 			},
 			view_mode: 'Month',
