diff --git a/app/styles/components/_button.scss b/app/styles/components/_button.scss
index 075ea862c..dee8c1787 100755
--- a/app/styles/components/_button.scss
+++ b/app/styles/components/_button.scss
@@ -143,7 +143,8 @@ fieldset[disabled] .btn {
     cursor: not-allowed;
 
     &:hover {
-        background: $bg-disabled;
+      background-color: $bg-disabled!important;
+      color: darken($bg-disabled, 30)!important;
     }
 }
 
diff --git a/lib/shared/addon/components/form-auth-cloud-credential/template.hbs b/lib/shared/addon/components/form-auth-cloud-credential/template.hbs
index 367719e0c..3c0f7c9be 100644
--- a/lib/shared/addon/components/form-auth-cloud-credential/template.hbs
+++ b/lib/shared/addon/components/form-auth-cloud-credential/template.hbs
@@ -1,5 +1,5 @@
 <div class="row">
-  <div class="col span-6">
+  <div class="col span-8">
     <label class="acc-label" for="cloud-credential-selection">
       {{t "formAuthCloudCredential.label"}}
     </label>
@@ -34,7 +34,7 @@
 
       <button
         {{action "addCloudCredential"}}
-        class="btn btn-sm bg-primary inline-block"
+        class="btn btn-sm bg-default inline-block"
         style="margin-top: -5px;"
         disabled={{if showAddCloudCredential true}}
       >