diff --git a/hwe/css/msg.css b/hwe/css/msg.css
index 403fb00d..3ab75a7d 100644
--- a/hwe/css/msg.css
+++ b/hwe/css/msg.css
@@ -29,6 +29,7 @@
     font-size:12px;
     word-break:break-all;
     color:white;
+    box-sizing: content-box;
 }
 
 .msg_plate_private{
@@ -117,16 +118,18 @@
 .board_header{
     color:white;
     border:solid 1px gray;
+    box-sizing: content-box;
 }
 
 .board_side{
     position:absolute;
     height:1370px;
-    width:498px;
+    width:50%;
     overflow-y: hidden;
-    border-left:solid 1px;
-    border-right:solid 1px;
-    border-bottom:solid 1px;
+    border-left:solid 1px gray;
+    border-right:solid 1px gray;
+    border-bottom:solid 1px gray;
+    box-sizing: content-box;
 }
 
 .msg_body{
diff --git a/hwe/index.php b/hwe/index.php
index 7b8317c6..9be7f33d 100644
--- a/hwe/index.php
+++ b/hwe/index.php
@@ -87,6 +87,7 @@ $color = "cyan";
 <meta name="viewport" content="width=1024" />
 <?=WebUtil::printJS('../e_lib/jquery-3.3.1.min.js')?>
 <?=WebUtil::printJS('../e_lib/jquery.redirect.js')?>
+<?=WebUtil::printJS('../e_lib/bootstrap.bundle.min.js')?>
 <?=WebUtil::printJS('../d_shared/common_path.js')?>
 <?=WebUtil::printJS('js/common.js')?>
 <?=WebUtil::printJS('js/main.js')?>
@@ -105,6 +106,7 @@ $(function(){
 });
 </script>
 <?=WebUtil::printCSS('css/normalize.css')?>
+<?=WebUtil::printCSS('../e_lib/bootstrap.min.css')?>
 <?=WebUtil::printCSS('../d_shared/common.css')?>
 <?=WebUtil::printCSS('css/common.css')?>
 <?=WebUtil::printCSS('css/main.css')?>
diff --git a/hwe/js/templates/message.html b/hwe/js/templates/message.html
index d37568c5..cc27d8ae 100644
--- a/hwe/js/templates/message.html
+++ b/hwe/js/templates/message.html
@@ -1,5 +1,5 @@
 <div 
-    class="msg_plate msg_plate_<%msgType%> msg_plate_<%nationType%>""
+    class="msg_plate msg_plate_<%msgType%> msg_plate_<%nationType%>"
     id="msg_<%id%>"
     data-id="<%id%>"
 >