diff --git a/PrOjek/webapp/src/main/webapp/views/order_view.jsp b/PrOjek/webapp/src/main/webapp/views/order_view.jsp
index aed5754669f4ecbafbdc8fc050a5adb2f36c5e1d..6869c50370c2ce203bed3f7ab3f1fdb14a3eb1b2 100644
--- a/PrOjek/webapp/src/main/webapp/views/order_view.jsp
+++ b/PrOjek/webapp/src/main/webapp/views/order_view.jsp
@@ -9,21 +9,27 @@
             <div>
                 <h3>MAKE AN ORDER</h3>
                 <ul class="row">
-                    <li class="col-4">
+                    <li class="col-3">
                         <button id="tab-select-destination" class="taborder button button-progress-now row button-disable" disabled>
                             <div class="circle-numbering col-3">1</div>
                             Select Destination
                         </button>
                     </li>
-                    <li class="col-4">
+                    <li class="col-3">
                         <button id="tab-select-driver" class="taborder button button-plain row button-disable" disabled>
                             <div class="circle-numbering col-3">2</div>
                             Select a Driver
                         </button>
                     </li>
-                    <li class="col-4">
-                        <button id="tab-complete-order" class="taborder button button-plain row button-disable" disabled>
+                    <li class="col-3">
+                        <button id="tab-chat-with-driver" class="taborder button button-plain row button-disable" disabled>
                             <div class="circle-numbering col-3">3</div>
+                            Chat Driver
+                        </button>
+                    </li>
+                    <li class="col-3">
+                        <button id="tab-complete-order" class="taborder button button-plain row button-disable" disabled>
+                            <div class="circle-numbering col-3">4</div>
                             Complete your order
                         </button>
                     </li>
@@ -90,6 +96,11 @@
 						</div>
 					</div>
     			</div>
+
+    			<div class="form-order" id="chat-with-driver" style="display: none">
+
+    			</div>
+
     			<div class="form-order" id="complete-order" style="display: none">
     				<h3>HOW WAS IT?</h3>
     				<div class="row">