diff --git a/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order.jsp b/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order.jsp
index d5a1f4f0543701c46d9dd3ea3b7fd2bf1c3659c0..4fc2489bb688af32368e69d92c7da28fc4b8e4da 100644
--- a/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order.jsp
+++ b/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order.jsp
@@ -21,6 +21,10 @@
                 </li>
                 <li class="order-item">
                     <div class="order-number">3</div>
+                    <div class="order-number-desc"><span>Chat Driver</div>
+                </li>
+                <li class="order-item">
+                    <div class="order-number">4</div>
                     <div class="order-number-desc"><span>Complete your order</div>
                 </li>
             </ul>
diff --git a/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css b/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css
index 73e0d9be7e177a491d02024011c00802d28dc74f..bd32a18980f4417b22fc49992ba217a7745b2f17 100644
--- a/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css
+++ b/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css
@@ -399,7 +399,7 @@ h3{
 
 .order-menu .order-item {
 	display: inline-block;
-	width: 30%;
+	width: 22%;
 	margin: 5px;
 	border: 1px solid black;
 	height: 8vh;