Add font family to Button component and use in Join0x component

1 files changed, 13 insertions, 12 deletions

diff --git a/packages/website/ts/pages/jobs/join_0x.tsx b/packages/website/ts/pages/jobs/join_0x.tsx
index e7fdf3ce1..72cce3b89 100644
--- a/packages/website/ts/pages/jobs/join_0x.tsx
+++ b/packages/website/ts/pages/jobs/join_0x.tsx
@@ -1,8 +1,11 @@
 import { colors } from '@0xproject/react-shared';
 
-import FlatButton from 'material-ui/FlatButton';
 import * as React from 'react';
 
+import { Button } from 'ts/components/ui/button';
+
+const BUTTON_TEXT = 'view open positions';
+
 export interface Join0xProps {
     onCallToActionClick: () => void;
 }
@@ -21,19 +24,17 @@ export const Join0x = (props: Join0xProps) => (
                 work remotely anywhere in the world to help create the infrastructure of a new tokenized economy.
             </div>
             <div className="py3">
-                <FlatButton
-                    label={'view open positions'}
+                <Button
+                    type="button"
                     backgroundColor={colors.black}
-                    labelStyle={{
-                        fontSize: 18,
-                        fontFamily: 'Roboto Mono',
-                        fontWeight: 'lighter',
-                        color: colors.white,
-                        textTransform: 'lowercase',
-                    }}
-                    style={{ width: 280, height: 62, borderRadius: 5 }}
+                    width="290px"
+                    fontColor={colors.white}
+                    fontSize="18px"
+                    fontFamily="Roboto Mono"
                     onClick={props.onCallToActionClick}
-                />
+                >
+                    {BUTTON_TEXT}
+                </Button>
             </div>
         </div>
     </div>