diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
index 27014d175a..5e5b66f58a 100644
--- a/res/css/views/right_panel/_UserInfo.scss
+++ b/res/css/views/right_panel/_UserInfo.scss
@@ -260,12 +260,6 @@ limitations under the License.
         }
     }
 
-    .mx_UserInfo_verify {
-        padding-top: 0;
-        padding-left: 0;
-        font-weight: normal;
-    }
-
     .mx_UserInfo_wideButton {
         display: block;
         margin: 16px 0;
diff --git a/src/components/views/right_panel/UserInfo.js b/src/components/views/right_panel/UserInfo.js
index c48d9c9c37..f189380eac 100644
--- a/src/components/views/right_panel/UserInfo.js
+++ b/src/components/views/right_panel/UserInfo.js
@@ -1259,7 +1259,7 @@ const BasicUserInfo = ({room, member, groupId, devices, isRoomEncrypted}) => {
     let verifyButton;
     if (isRoomEncrypted && !userVerified && !isMe) {
         verifyButton = (
-            <AccessibleButton kind="secondary" className="mx_UserInfo_verify" onClick={() => verifyUser(member)}>
+            <AccessibleButton className="mx_UserInfo_field" onClick={() => verifyUser(member)}>
                 {_t("Learn more")}
             </AccessibleButton>
         );