remove extra spacing and clean up component (#8584)

frontend/src/metabase/dashboard/components/RemoveFromDashboardModal.jsx

@@ -2,13 +2,12 @@ import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { t } from "c-3po";
 import MetabaseAnalytics from "metabase/lib/analytics";
-import ModalContent from "metabase/components/ModalContent.jsx";
+
+import Button from "metabase/components/Button";
+import ModalContent from "metabase/components/ModalContent";
 
 export default class RemoveFromDashboardModal extends Component {
-  constructor(props, context) {
-    super(props, context);
-    this.state = { deleteCard: false };
-  }
+  state = { deleteCard: false };
 
   static propTypes = {
     dashcard: PropTypes.object.isRequired,
@@ -32,21 +31,14 @@ export default class RemoveFromDashboardModal extends Component {
   }
 
   render() {
+    const { onClose } = this.props;
     return (
-      <ModalContent
-        title={t`Remove this question?`}
-        onClose={() => this.props.onClose()}
-      >
-        <div className="Form-actions flex-align-right">
-          <button className="Button Button" onClick={this.props.onClose}>
-            {t`Cancel`}
-          </button>
-          <button
-            className="Button Button--danger ml2"
-            onClick={() => this.onRemove()}
-          >
+      <ModalContent title={t`Remove this question?`} onClose={() => onClose()}>
+        <div className="flex-align-right">
+          <Button onClick={onClose}>{t`Cancel`}</Button>
+          <Button danger ml={2} onClick={() => this.onRemove()}>
             {t`Remove`}
-          </button>
+          </Button>
         </div>
       </ModalContent>
     );