diff --git a/examples/ganttchart/css/addin-style.css b/examples/ganttchart/css/addin-style.css
index 9d922b0..0c3d573 100644
--- a/examples/ganttchart/css/addin-style.css
+++ b/examples/ganttchart/css/addin-style.css
@@ -37,7 +37,7 @@ div#modal{
 div#modal div#box-min{
 	position: relative;
 	background-color:#ffffff;
-	width:500px;height:400px;
+	width:500px;height:420px;
 	border:2px solid #666666;
 	padding:0 5px 0 5px;
 }
@@ -64,6 +64,18 @@ h3 {
     text-overflow: ellipsis; 
 }
 
+#header h3 {
+    margin-bottom: 0;
+}
+
+#header h4 {
+    font-size: x-large;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    margin-top: 0;
+}
+
 .content {
 	text-align:center;
 }
diff --git a/examples/ganttchart/js/desktop-ganttchart.js b/examples/ganttchart/js/desktop-ganttchart.js
index b029f68..60f2c40 100644
--- a/examples/ganttchart/js/desktop-ganttchart.js
+++ b/examples/ganttchart/js/desktop-ganttchart.js
@@ -168,7 +168,8 @@ function closeButton() {
 
         // モーダルウィンドウのHTMLを格納
         var $weather = $('<div id=' + divid + ' class="box"><div id="box-min"><div id="header">' +
-        '<h3>' + data.name + '　' + data.desc + '</h3>' +
+        '<h3>' + data.name + '</h3>' +
+        '<h4>' + data.desc + '</h4>' +
         '</div><button type="button" class="modal-close" onclick="closeButton()">×</button><div class="content">' +
         '<p>' + data.lang.plzEnterStartDate + '</p><input type="text" id="start" value="' +
         moment(data.start).format('YYYY/MM/DD') + '">' +