diff --git a/TugasBesar2_2017/WebApp/src/main/webapp/chat_driver.jsp b/TugasBesar2_2017/WebApp/src/main/webapp/chat_driver.jsp
index 42ae22a6e6602d8c0e1d8ca33b7fdc28d9e80820..29e3b866c1116bb109d64db6e7526f9734cccb36 100644
--- a/TugasBesar2_2017/WebApp/src/main/webapp/chat_driver.jsp
+++ b/TugasBesar2_2017/WebApp/src/main/webapp/chat_driver.jsp
@@ -37,6 +37,9 @@
                 </form>
             </div>
         </div>
+        <div class="close-box">
+            <button type="submit" class="close-button"> CLOSE </button>
+        </div>
     </div>
 </div>
 
diff --git a/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css b/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css
index 08776f4ef85e0b6b1b11473ec0acf1b62093dd21..637531bf1db1265bd18422c074795fb46b627aee 100644
--- a/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css
+++ b/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css
@@ -797,4 +797,23 @@ h3{
 	font-size: 1.25em;
 	margin-left: 5px;
 	margin-right: 5px;
-}
\ No newline at end of file
+	outline: none;
+}
+
+.close-box {
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+}
+
+
+.close-button {
+	width: 100px;
+	height: 40px;
+	border: 1px solid #00782d;
+	border-radius: 8px;
+	background: #BB0000;
+	font-size: 1.25em;
+	margin: 10px;
+	outline: none;
+}