diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
index 8e01cf8b5e..1a6c615090 100644
--- a/res/css/views/right_panel/_UserInfo.scss
+++ b/res/css/views/right_panel/_UserInfo.scss
@@ -259,18 +259,6 @@ limitations under the License.
     .mx_AccessibleButton.mx_AccessibleButton_hasKind {
         padding: 8px 18px;
     }
-
-    .mx_VerificationShowSas .mx_AccessibleButton,
-    .mx_UserInfo_wideButton {
-        display: block;
-        margin: 16px 0 8px;
-    }
-
-    .mx_VerificationShowSas {
-        .mx_AccessibleButton + .mx_AccessibleButton {
-            margin: 8px 0; // space between buttons
-        }
-    }
 }
 
 .mx_UserInfo.mx_UserInfo_smallAvatar {
diff --git a/res/css/views/verification/_VerificationShowSas.scss b/res/css/views/verification/_VerificationShowSas.scss
index 5910711fcd..f601933cc5 100644
--- a/res/css/views/verification/_VerificationShowSas.scss
+++ b/res/css/views/verification/_VerificationShowSas.scss
@@ -67,8 +67,5 @@ limitations under the License.
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
-
-    .mx_AccessibleButton {
-        margin-inline: 9px;
-    }
+    gap: 9px;
 }
diff --git a/src/components/views/verification/VerificationShowSas.tsx b/src/components/views/verification/VerificationShowSas.tsx
index fde79ea91e..72ab3f2086 100644
--- a/src/components/views/verification/VerificationShowSas.tsx
+++ b/src/components/views/verification/VerificationShowSas.tsx
@@ -113,7 +113,7 @@ export default class VerificationShowSas extends React.Component<IProps, IState>
         } else {
             return <div>
                 { _t("Unable to find a supported verification method.") }
-                <AccessibleButton kind="primary" onClick={this.props.onCancel} className="mx_UserInfo_wideButton">
+                <AccessibleButton kind="primary" onClick={this.props.onCancel}>
                     { _t('Cancel') }
                 </AccessibleButton>
             </div>;