diff --git a/src/skins/vector/css/_common.scss b/src/skins/vector/css/_common.scss
index d5f2c0da7..d1cd09922 100644
--- a/src/skins/vector/css/_common.scss
+++ b/src/skins/vector/css/_common.scss
@@ -205,11 +205,10 @@ textarea {
     margin-right: 8px;
 
     // flip colours for the secondary ones
+    font-weight: 600;
+    border: 1px solid $accent-color ! important;
     color: $accent-color;
     background-color: $accent-fg-color;
-
-    /* align images in buttons (eg spinners) */
-    vertical-align: middle;
 }
 
 .mx_Dialog button:focus, .mx_Dialog input[type="submit"]:focus {
diff --git a/src/skins/vector/css/themes/_base.scss b/src/skins/vector/css/themes/_base.scss
index cc7e380d9..b53cd905b 100644
--- a/src/skins/vector/css/themes/_base.scss
+++ b/src/skins/vector/css/themes/_base.scss
@@ -137,12 +137,12 @@ $progressbar-color: #000;
 // ***** Mixins! *****
 
 @define-mixin mx_DialogButton {
+    /* align images in buttons (eg spinners) */
     vertical-align: middle;
     border: 0px;
     border-radius: 36px;
-    height: 33px;
-    font-weight: 400;
-    font-size: 16px;
+    font-family: $font-family;
+    font-size: 14px;
     color: $accent-fg-color;
     background-color: $accent-color;
     width: auto;
@@ -155,5 +155,6 @@ $progressbar-color: #000;
 
 @define-mixin mx_DialogButton_small {
     @mixin mx_DialogButton;
-    height: auto;
+    font-size: 15px;
+    padding: 0px 1.5em 0px 1.5em;
 }
diff --git a/src/skins/vector/themes/status/css/_status.scss b/src/skins/vector/themes/status/css/_status.scss
index 60bbcf9ec..922ac03b9 100644
--- a/src/skins/vector/themes/status/css/_status.scss
+++ b/src/skins/vector/themes/status/css/_status.scss
@@ -177,6 +177,8 @@ $lightbox-border-color: #ffffff;
 $progressbar-color: #000;
 
 @define-mixin mx_DialogButton {
+    /* align images in buttons (eg spinners) */
+    vertical-align: middle;
     border-radius: 8px;
     border: 1px solid rgba(199, 206, 209, 0.12);
     background-color: $accent-color;