updated styles

client/coral-admin/src/components/RejectUsernameDialog.css

@@ -23,18 +23,8 @@
 }
 
 .closeButton {
-  userSelect: none;
-  outline: none;
-  border: none;
-  touchAction: manipulation;
-  &::-moz-focus-inner: {
-    border: 0;
-  }
-  background: 0;
-  padding: 0;
   font-size: 24px;
   line-height: 14px;
-  cursor: pointer;
   color: #363636;
   &:hover {
     color: #6b6b6b;

client/coral-admin/src/components/RejectUsernameDialog.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Dialog } from 'coral-ui';
-import styles from './SuspendUserDialog.css';
+import { Dialog, BareButton } from 'coral-ui';
+import styles from './RejectUsernameDialog.css';
 import cn from 'classnames';
 import { RadioGroup, Radio } from 'react-mdl';
 import Button from 'coral-ui/components/Button';
@@ -45,13 +45,13 @@ class RejectUsernameDialog extends React.Component {
         open={open}
       >
         <div className={styles.close}>
-          <button
+          <BareButton
             aria-label="Close"
             onClick={onCancel}
             className={styles.closeButton}
           >
             ×
-          </button>
+          </BareButton>
         </div>
         <section className="talk-admin-reject-username-dialog-section">
           <h1 className={styles.header}>