diff --git a/hosting/static/hosting/css/commons.css b/hosting/static/hosting/css/commons.css
index 78bfd827..568fc867 100644
--- a/hosting/static/hosting/css/commons.css
+++ b/hosting/static/hosting/css/commons.css
@@ -57,4 +57,74 @@
 	    width: 90%;
 	}
 }
-
+/***********Styles for Model********************/
+.modal-content {
+    border-radius: 0px;
+    font-family: 'Lato', sans-serif;
+    width: 100%;
+	float: left;
+}
+.close {
+    font-size: 50px;
+    font-weight: 300;
+    }
+.modal-header {
+    border-bottom: 0px solid #e5e5e5;
+    padding: 0px 15px;
+    width: 100%;
+	float: left;
+	}
+.modal-body {
+    text-align: center;
+    width: 100%;
+	float: left;
+	padding: 0px 30px 15px 30px;
+}
+.modal-body .modal-icon i {
+    font-size: 50px;
+    font-weight: 100;
+    color: #999;
+}
+.modal-title {
+    margin: 0;
+    line-height: 1.42857143;
+    font-size: 25px;
+    padding: 0;
+    font-family: 'Lato', sans-serif;
+}
+.modal-text {
+    padding-top: 20px;
+    font-size: 16px;
+}
+.modal-footer {
+    border-top: 0px solid #e5e5e5;
+    width: 100%;
+	float: left;
+	text-align: center;
+	padding: 30px 15px;
+}
+@media (min-width: 1300px) {
+    .modal-dialog {
+    top: 30%;
+    width: 25%;
+	}
+}
+@media (max-width: 1299px) {
+    .modal-dialog {
+    top: 20%;
+    width: 43%;
+	}
+}
+@media (max-width: 900px) {
+    .modal-dialog {
+    top: 20%;
+    width: 50%;
+	}
+}
+@media (max-width: 767px) {
+    .modal-dialog {
+    top: 30%;
+    width: 90%;
+    margin: 0 auto !important;
+	}
+}
diff --git a/hosting/templates/hosting/orders.html b/hosting/templates/hosting/orders.html
index 99aab23e..afe8f297 100644
--- a/hosting/templates/hosting/orders.html
+++ b/hosting/templates/hosting/orders.html
@@ -52,17 +52,18 @@
                                             </button>
                                         </div>
                                         <div class="modal-body">
-                                            <h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete your order?"%}</h4>
-
+                                         <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
+                                            <h4 class="modal-title" id="ModalLabel">{% trans "Cancel Order"%}</h4>
+                                               <p class="modal-text">{% trans "Do you want to delete your order?"%}</p>
                                             <form method="post"
                                                   action="{% url 'hosting:delete_order' order.id %}">
                                                 {% csrf_token %}
                                                 <div class="modal-footer">
-                                                    <button type="button" class="btn btn-default"
+                                                    <!--button type="button" class="btn btn-default"
                                                             data-dismiss="modal">
                                                         {% trans "Close"%}
-                                                    </button>
-                                                    <button type="submit" class="btn btn-primary">{% trans "Delete"%}
+                                                    </button-->
+                                                    <button type="submit" class="btn btn-danger btn-ok">{% trans "Delete"%}
                                                     </button>
                                                 </div>
                                             </form>
diff --git a/hosting/templates/hosting/user_keys.html b/hosting/templates/hosting/user_keys.html
index 1dc45e54..f4db83d2 100644
--- a/hosting/templates/hosting/user_keys.html
+++ b/hosting/templates/hosting/user_keys.html
@@ -53,16 +53,17 @@
                     </button>
                 </div>
                 <div class="modal-body">
-                    <h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete this key?"%}</h4>
-
+                 <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
+                  <h4 class="modal-title" id="ModalLabel">{% trans "Delete SSH Key"%}</h4>
+                     <p class="modal-text">{% trans "Do You want to delete this key?"%}</p>
                     <form method="post" action="{% url 'hosting:delete_ssh_key' user_key.id %}">
                         {% csrf_token %}
                         <div class="modal-footer">
-                            <button type="button" class="btn btn-default"
+                            <!--button type="button" class="btn btn-default"
                                     data-dismiss="modal">
                                 {% trans "Close"%}
-                            </button>
-                            <button type="submit" class="btn btn-primary">{% trans "Delete"%}
+                            </button-->
+                            <button type="submit" class="btn btn-danger">{% trans "Delete"%}
                             </button>
                         </div>
                     </form>
diff --git a/hosting/templates/hosting/virtual_machine_detail.html b/hosting/templates/hosting/virtual_machine_detail.html
index 441d6260..fdedac30 100644
--- a/hosting/templates/hosting/virtual_machine_detail.html
+++ b/hosting/templates/hosting/virtual_machine_detail.html
@@ -159,14 +159,19 @@
 									<div class="modal fade" id="confirm-cancel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 									    <div class="modal-dialog">
 									        <div class="modal-content">
-									            <div class="modal-header">
-									                {% trans "Terminate your Virtual Machine"%}
-									            </div>
+												<div class="modal-header">
+													<button type="button" class="close" data-dismiss="modal"
+															aria-label="Confirm"><span
+															aria-hidden="true">&times;</span>
+													</button>
+												</div>
 									            <div class="modal-body">
-									                {% trans "Are you sure do you want to cancel your Virtual Machine "%} {{virtual_machine.name}} ?
+													<div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
+													<h4 class="modal-title" id="ModalLabel">{% trans "Terminate your Virtual Machine"%}</h4>
+									                <p class="modal-text">{% trans "Are you sure do you want to cancel your Virtual Machine "%} {{virtual_machine.name}} ?</p>
 									            </div>
 									            <div class="modal-footer">
-									                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Cancel"%}</button>
+									                <!--button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Cancel"%}</button-->
 									                <a class="btn btn-danger btn-ok">OK</a>
 									            </div>
 									        </div>