Hardcoding size large in MuiButton

src/components/Header/component/UserDetails/index.jsx

@@ -116,7 +116,7 @@ const UserDetails = ({
       <Hairline margin="xs" />
       <Row className={classes.disconnect}>
         <Button
-          size="large"
+          size="medium"
           variant="raised"
           color="primary"
           fullWidth

src/theme/mui.js

@@ -1,7 +1,7 @@
 // @flow
 import red from '@material-ui/core/colors/red'
 import { createMuiTheme } from '@material-ui/core/styles'
-import { primary, secondary } from './variables'
+import { primary, secondary, md, xl } from './variables'
 
 export type WithStyles = {
   classes: Object,
@@ -30,6 +30,10 @@ export default createMuiTheme({
       containedPrimary: {
         backgroundColor: '#467ee5',
       },
+      sizeLarge: {
+        padding: `${md} ${xl}`,
+        minHeight: '52px',
+      },
     },
   },
   palette,