2 files changed, 9 insertions, 2 deletions
diff --git a/web-ui/src/common/flat_button/flat_button.js b/web-ui/src/common/flat_button/flat_button.js
index 8b65ca30..d9930ff5 100644
--- a/web-ui/src/common/flat_button/flat_button.js
+++ b/web-ui/src/common/flat_button/flat_button.js
@@ -34,10 +34,12 @@ const flatButtonStyle = {
   verticalAlign: 'top'
 };
 
-const SubmitFlatButton = ({ buttonText, fontIconClass }) => (
+const SubmitFlatButton = ({ name, buttonText, fontIconClass }) => (
   <FlatButton
+    name={name}
     type='submit'
     target='_blank'
+    hoverColor='transparent'
     containerElement='label'
     style={flatButtonStyle}
     labelPosition='before'
@@ -48,6 +50,7 @@ const SubmitFlatButton = ({ buttonText, fontIconClass }) => (
 );
 
 SubmitFlatButton.propTypes = {
+  name: React.PropTypes.string.isRequired,
   buttonText: React.PropTypes.string.isRequired,
   fontIconClass: React.PropTypes.string.isRequired
 };
diff --git a/web-ui/src/common/flat_button/flat_button.spec.js b/web-ui/src/common/flat_button/flat_button.spec.js
index 500eb8fb..8939e3d9 100644
--- a/web-ui/src/common/flat_button/flat_button.spec.js
+++ b/web-ui/src/common/flat_button/flat_button.spec.js
@@ -7,7 +7,11 @@ describe('FlatButton', () => {
   let flatButton;
 
   beforeEach(() => {
-    flatButton = shallow(<FlatButton buttonText='Logout' fontIconClass='fa fa-sign-out' />);
+    flatButton = shallow(<FlatButton name='logout' buttonText='Logout' fontIconClass='fa fa-sign-out' />);
+  });
+
+  it('renders a FlatButton of type submit with name logout', () => {
+    expect(flatButton.find('FlatButton').props().name).toEqual('logout');
   });
 
   it('renders a FlatButton of type submit with text logout', () => {