Fix button border color of LeaveSpaceDialog (#8010)

res/css/views/dialogs/_LeaveSpaceDialog.scss

@@ -19,10 +19,8 @@ limitations under the License.
         display: flex;
         flex-direction: column;
         padding: 24px 32px;
-    }
-}
 
-.mx_LeaveSpaceDialog {
+        .mx_LeaveSpaceDialog {
             width: 440px;
             display: flex;
             flex-direction: column;
@@ -64,13 +62,6 @@ limitations under the License.
                     color: $primary-content;
                 }
             }
-
-    .mx_Dialog_buttons {
-        margin-top: 20px;
-
-        .mx_Dialog_primary {
-            background-color: $alert !important; // override default colour
-            border-color: $alert;
         }
     }
 }

src/components/views/dialogs/LeaveSpaceDialog.tsx

@@ -105,6 +105,7 @@ const LeaveSpaceDialog: React.FC<IProps> = ({ space, onFinished }) => {
         </div>
         <DialogButtons
             primaryButton={_t("Leave space")}
+            primaryButtonClass="danger"
             onPrimaryButtonClick={() => onFinished(true, roomsToLeave)}
             hasCancel={true}
             onCancel={() => onFinished(false)}