diff --git a/apps/web/playwright/snapshots/devtools/upgraderoom.spec.ts/upgrade-room-linux.png b/apps/web/playwright/snapshots/devtools/upgraderoom.spec.ts/upgrade-room-linux.png
index 73f261ec67..2ef33d986d 100644
Binary files a/apps/web/playwright/snapshots/devtools/upgraderoom.spec.ts/upgrade-room-linux.png and b/apps/web/playwright/snapshots/devtools/upgraderoom.spec.ts/upgrade-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png
index c6a06a5035..cfb00e09d2 100644
Binary files a/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png and b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png differ
diff --git a/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png
index 01a70ee5c4..8fc89b95e7 100644
Binary files a/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png and b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/decline-and-block-invite-dialog.spec.ts/decline-and-block-invite-empty-linux.png b/apps/web/playwright/snapshots/invite/decline-and-block-invite-dialog.spec.ts/decline-and-block-invite-empty-linux.png
index 24d7fdd823..26695de1fc 100644
Binary files a/apps/web/playwright/snapshots/invite/decline-and-block-invite-dialog.spec.ts/decline-and-block-invite-empty-linux.png and b/apps/web/playwright/snapshots/invite/decline-and-block-invite-dialog.spec.ts/decline-and-block-invite-empty-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/room-report-dialog-linux.png b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/room-report-dialog-linux.png
index 26f582684f..fcee8f2434 100644
Binary files a/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/room-report-dialog-linux.png and b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/room-report-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-linux.png b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-linux.png
index 10fe7a381f..173c2ca55e 100644
Binary files a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-linux.png and b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-no-public-linux.png b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-no-public-linux.png
index adae285fa5..d0b53f2528 100644
Binary files a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-no-public-linux.png and b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-no-public-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-video-room-linux.png b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-video-room-linux.png
index a8fe2e9e64..1a7943077d 100644
Binary files a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-video-room-linux.png and b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-video-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-reject-dialog-linux.png b/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-reject-dialog-linux.png
index dc74cd8746..35bd9b5e3d 100644
Binary files a/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-reject-dialog-linux.png and b/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-reject-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/widgets/permissions-dialog.spec.ts/widget-capabilites-prompt-linux.png b/apps/web/playwright/snapshots/widgets/permissions-dialog.spec.ts/widget-capabilites-prompt-linux.png
index 69a02378b5..193a7a8b46 100644
Binary files a/apps/web/playwright/snapshots/widgets/permissions-dialog.spec.ts/widget-capabilites-prompt-linux.png and b/apps/web/playwright/snapshots/widgets/permissions-dialog.spec.ts/widget-capabilites-prompt-linux.png differ
diff --git a/apps/web/res/css/_common.pcss b/apps/web/res/css/_common.pcss
index 06d27758a9..1b0e3e2f30 100644
--- a/apps/web/res/css/_common.pcss
+++ b/apps/web/res/css/_common.pcss
@@ -662,6 +662,7 @@ legend {
     button:not(
         .mx_Dialog_nonDialogButton,
         .mx_AccessibleButton,
+        .cancel,
         .mx_UserProfileSettings button,
         .mx_ThemeChoicePanel_CustomTheme button,
         .mx_UnpinAllDialog button,
@@ -723,6 +724,13 @@ legend {
     opacity: 0.7;
 }
 
+.mx_Dialog_buttons button.cancel {
+    color: var(--cpd-color-text-primary);
+    background-color: var(--cpd-color-bg-action-secondary-rest);
+    border-color: var(--cpd-color-border-interactive-secondary);
+    min-width: 156px;
+}
+
 /* Spinner Dialog overide */
 .mx_Dialog_wrapper.mx_Dialog_spinner {
     /* This is not a real dialog, so we shouldn't show a glass border */
diff --git a/apps/web/src/components/views/elements/DialogButtons.tsx b/apps/web/src/components/views/elements/DialogButtons.tsx
index 9712639638..b81c06e643 100644
--- a/apps/web/src/components/views/elements/DialogButtons.tsx
+++ b/apps/web/src/components/views/elements/DialogButtons.tsx
@@ -29,8 +29,10 @@ interface IProps {
     // should there be a cancel button? default: true
     hasCancel?: boolean;
 
-    // The class of the cancel button, only used if a cancel button is
-    // enabled
+    /**
+     * The class of the cancel button, only used if a cancel button is enabled
+     * @default "cancel"
+     */
     cancelButtonClass?: string;
 
     // onClick handler for the cancel button.
@@ -58,6 +60,7 @@ export default class DialogButtons extends React.Component<IProps> {
     public static defaultProps: Partial<IProps> = {
         hasCancel: true,
         disabled: false,
+        cancelButtonClass: "cancel",
     };
 
     private onCancelClick = (event: React.MouseEvent): void => {
diff --git a/apps/web/test/unit-tests/__snapshots__/Terms-test.ts.snap b/apps/web/test/unit-tests/__snapshots__/Terms-test.ts.snap
index 7c1bbaa5c0..4b30a38840 100644
--- a/apps/web/test/unit-tests/__snapshots__/Terms-test.ts.snap
+++ b/apps/web/test/unit-tests/__snapshots__/Terms-test.ts.snap
@@ -107,6 +107,7 @@ exports[`dialogTermsInteractionCallback should render a dialog with the expected
       class="mx_Dialog_buttons_row"
     >
       <button
+        class="cancel"
         data-testid="dialog-cancel-button"
         type="button"
       >
diff --git a/apps/web/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap b/apps/web/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
index 5e98003dae..4443affc6b 100644
--- a/apps/web/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
@@ -54,6 +54,7 @@ exports[`<NewRecoveryMethodDialog /> when key backup is disabled 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
@@ -152,6 +153,7 @@ exports[`<NewRecoveryMethodDialog /> when key backup is enabled 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
index 2e971f1f5a..d101825e06 100644
--- a/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
@@ -609,6 +609,7 @@ exports[`<MatrixChat /> with an existing session onAction() room actions leave_r
       class="mx_Dialog_buttons_row"
     >
       <button
+        class="cancel"
         data-testid="dialog-cancel-button"
         type="button"
       >
@@ -678,6 +679,7 @@ exports[`<MatrixChat /> with an existing session onAction() room actions leave_r
       class="mx_Dialog_buttons_row"
     >
       <button
+        class="cancel"
         data-testid="dialog-cancel-button"
         type="button"
       >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap
index 12ee8850f0..68fa000f63 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap
@@ -102,6 +102,7 @@ exports[`AnalyticsLearnMoreDialog should match snapshot 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap
index d721676762..49d9a50548 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap
@@ -47,6 +47,7 @@ exports[`BugReportDialog renders when the config only allows local downloads: lo
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
index e828bd55fa..db2e62670f 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
@@ -92,6 +92,7 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
index a61dfe7fb1..a61d0675dd 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
@@ -131,6 +131,7 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
           class="mx_Dialog_buttons_row"
         >
           <button
+            class="cancel"
             data-testid="dialog-cancel-button"
             type="button"
           >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
index c256ece1cb..61c4c94115 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
@@ -66,6 +66,7 @@ exports[`ConfirmUserActionDialog renders 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
index f0cfd12994..e2ef3ee968 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
@@ -208,6 +208,7 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
@@ -448,6 +449,7 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
@@ -690,6 +692,7 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
index b97c6ec42c..b4e994f603 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
@@ -64,6 +64,7 @@ exports[`CreateSectionDialog renders the dialog 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
index ce5006bd46..bde8430373 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
@@ -218,6 +218,7 @@ exports[`<ExportDialog /> renders export dialog 1`] = `
       class="mx_Dialog_buttons_row"
     >
       <button
+        class="cancel"
         data-testid="dialog-cancel-button"
         type="button"
       >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
index 699e4f745a..93caafe5a1 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
@@ -38,6 +38,7 @@ exports[`<IntegrationsDisabledDialog /> should render as expected 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
index 4df2d5dece..a7bc338de0 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
@@ -497,6 +497,7 @@ exports[`LogoutDialog shows a regular dialog when crypto is disabled 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
index 9d0a049083..9fc03b1c52 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
@@ -78,6 +78,7 @@ exports[`ManualDeviceKeyVerificationDialog should render correctly 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RemoveSectionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RemoveSectionDialog-test.tsx.snap
index aad2489868..2c9aab2a04 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RemoveSectionDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RemoveSectionDialog-test.tsx.snap
@@ -36,6 +36,7 @@ exports[`RemoveSectionDialog renders the dialog when section is empty 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
@@ -119,6 +120,7 @@ exports[`RemoveSectionDialog renders the dialog when section is not empty 1`] =
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
index ad47ec2860..46815a3cf9 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
@@ -103,6 +103,7 @@ exports[`ReportRoomDialog displays admin message 1`] = `
           class="mx_Dialog_buttons_row"
         >
           <button
+            class="cancel"
             data-testid="dialog-cancel-button"
             type="button"
           >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
index e401633e8c..d1fc06ea83 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
@@ -82,6 +82,7 @@ exports[`WidgetOpenIDPermissionsDialog should render 1`] = `
         class="mx_Dialog_buttons_row"
       >
         <button
+          class="cancel"
           data-testid="dialog-cancel-button"
           type="button"
         >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
index 82c0f1a869..77fed63547 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
@@ -98,6 +98,7 @@ exports[`CreateSecretStorageDialog handles the happy path 1`] = `
             class="mx_Dialog_buttons_row"
           >
             <button
+              class="cancel"
               data-testid="dialog-cancel-button"
               type="button"
             >
@@ -247,6 +248,7 @@ exports[`CreateSecretStorageDialog when there is an error fetching the backup ve
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
index 3bd51acbc5..9f6a7e2825 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
@@ -58,6 +58,7 @@ exports[`<RestoreKeyBackupDialog /> should display an error when recovery key is
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >
@@ -171,6 +172,7 @@ exports[`<RestoreKeyBackupDialog /> should not raise an error when recovery is v
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >
@@ -281,6 +283,7 @@ exports[`<RestoreKeyBackupDialog /> should render 1`] = `
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
index fdce6dcec0..67f2eec944 100644
--- a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
@@ -208,6 +208,7 @@ exports[`<SecurityRoomSettingsTab /> join rule warns when trying to make an encr
       class="mx_Dialog_buttons_row"
     >
       <button
+        class="cancel"
         data-testid="dialog-cancel-button"
         type="button"
       >