diff --git a/res/css/structures/auth/_Login.scss b/res/css/structures/auth/_Login.scss
index 41c2cd1966..2102a1e321 100644
--- a/res/css/structures/auth/_Login.scss
+++ b/res/css/structures/auth/_Login.scss
@@ -45,6 +45,7 @@ limitations under the License.
     width: 100%;
     margin-top: 35px;
     margin-bottom: 24px;
+    box-sizing: border-box;
 }
 
 .mx_Login_submit:hover {
@@ -65,10 +66,11 @@ limitations under the License.
     margin-right: 10px;
 }
 
-.mx_Login_sso_link {
-    display: block;
+.mx_AuthBody a.mx_Login_sso_link:link,
+.mx_AuthBody a.mx_Login_sso_link:hover,
+.mx_AuthBody a.mx_Login_sso_link:visited {
+    color: $button-primary-fg-color;
     text-align: center;
-    margin-bottom: 20px;
 }
 
 .mx_Login_loader {
diff --git a/src/components/structures/auth/Login.js b/src/components/structures/auth/Login.js
index 6d61eac895..386c091bda 100644
--- a/src/components/structures/auth/Login.js
+++ b/src/components/structures/auth/Login.js
@@ -590,7 +590,7 @@ module.exports = React.createClass({
         // user's browser, let them log into their SSO provider, then redirect their browser
         // to vector://vector which, of course, will not work.
         return (
-            <a href={url} className="mx_Login_sso_link">{ _t('Sign in with single sign-on') }</a>
+            <a href={url} className="mx_Login_sso_link mx_Login_submit">{ _t('Sign in with single sign-on') }</a>
         );
     },