diff --git a/hosting/static/hosting/css/user_keys.css b/hosting/static/hosting/css/user_keys.css
index 6a4c6ffc..e4358673 100644
--- a/hosting/static/hosting/css/user_keys.css
+++ b/hosting/static/hosting/css/user_keys.css
@@ -27,12 +27,20 @@ h2,h3,h4,h5{
 }
 .ssh-header-container{
     padding-top: 15px;
-    /*     display: flex; */
-    /*     flex-direction: row-reverse; */
-    /*     vertical-align: middle; */
-    /*     align-items: center; */
-    /*     justify-content: space-between; */
-    /* text-align: right; */
+}
+
+@media (min-width: 768px) {
+    .ssh-header-container {
+        display: flex;
+        /*     flex-direction: row-reverse; */
+        /*     vertical-align: middle; */
+        /* align-items: center; */
+        justify-content: space-between;
+        /* text-align: right; */
+    }
+    .ssh-header-container p{
+        margin-bottom: 0;
+    }
 }
 
 .ssh-header-container p{
@@ -249,9 +257,15 @@ h2,h3,h4,h5{
     font-family: 'Lato-Light', sans-serif;
 }
 .underform-contaner button{
+    font-family: Lato;
+    font-weight: 600;
     width: 120px;
     height: 35px;
 }
+.underform-contaner .btn-default{
+    background-color: #ccc;
+    color: #fff;
+}
 .control-label{
     font-family: 'Lato-Light', sans-serif;
     font-size: 20px;
diff --git a/hosting/templates/hosting/user_key.html b/hosting/templates/hosting/user_key.html
index d0fa3cbb..961c448b 100644
--- a/hosting/templates/hosting/user_key.html
+++ b/hosting/templates/hosting/user_key.html
@@ -28,7 +28,7 @@
                         </div>
                         <div class="underform-contaner">
                             <h4>{% trans "Or you can generate a new key pair."%}</h4>
-                            <button type="submit" name='generate' class="btn btn-success custom_form_button">{% trans "Generate"%}
+                            <button type="submit" name='generate' class="btn btn-default custom_form_button">{% trans "Generate"%}
                         </button>
                         </div>