Changes

plugins/talk-plugin-local-auth/client/components/AddEmailAddressDialog.css

@@ -52,9 +52,15 @@
   height: 30px;
   font-size: 0.9em;
   line-height: normal;
+  width: 100%;
+  display: inline-block;
+  text-align: center;
+  line-height: 30px;
+  font-size: 1em;
 
   &:hover {
     background-color: #eaeaea;
+    cursor: pointer;
   }
 
   &.cancel {

plugins/talk-plugin-local-auth/client/components/AddEmailContent.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styles from './AddEmailAddressDialog.css';
-import { Button, Icon } from 'plugin-api/beta/client/components/ui';
+import { Icon } from 'plugin-api/beta/client/components/ui';
 import cn from 'classnames';
 import InputField from './InputField';
 
@@ -76,13 +76,9 @@ const AddEmailContent = ({ formData, errors, showErrors, confirmChanges }) => (
         columnDisplay
         showSuccess={false}
       />
-      <Button
-        className={cn(styles.button, styles.proceed)}
-        full
-        onClick={confirmChanges}
-      >
+      <a className={cn(styles.button, styles.proceed)} onClick={confirmChanges}>
         Add Email Address
-      </Button>
+      </a>
     </form>
   </div>
 );