diff --git a/hosting/static/hosting/css/virtual-machine.css b/hosting/static/hosting/css/virtual-machine.css
index 726b0f35..abd459a0 100644
--- a/hosting/static/hosting/css/virtual-machine.css
+++ b/hosting/static/hosting/css/virtual-machine.css
@@ -199,6 +199,11 @@
   /* text-align: center; */
 }
 
+.vm-add-ssh-key {
+  margin: 25px 0 30px;
+  /* text-align: center; */
+}
+
 @media(min-width: 768px) {
   .vm-detail-contain {
     display: flex;
diff --git a/hosting/templates/hosting/virtual_machine_detail.html b/hosting/templates/hosting/virtual_machine_detail.html
index 1aad409a..edbc71f9 100644
--- a/hosting/templates/hosting/virtual_machine_detail.html
+++ b/hosting/templates/hosting/virtual_machine_detail.html
@@ -82,7 +82,7 @@
 		</div>
 			{% if keys|length > 0 %}
 			    {% if not virtual_machine.status == 'canceled' %}
-				<div class="text-center">
+				<div class="text-center vm-add-ssh-key">
 			        <button data-toggle="modal" data-target="#modal-add-ssh-key" class="btn btn-vm-invoice">{% trans "Add SSH Key" %}</button>
 			        <div class="alert alert-danger hide">
 						{% trans "Sorry, there was an unexpected error. Kindly retry." %}