diff --git a/bikeshop_project/assets/js/components/Purpose.jsx b/bikeshop_project/assets/js/components/Purpose.jsx
index 4ce436f..14a93c7 100644
--- a/bikeshop_project/assets/js/components/Purpose.jsx
+++ b/bikeshop_project/assets/js/components/Purpose.jsx
@@ -1,22 +1,22 @@
+import MenuItem from 'material-ui/MenuItem';
 import React from 'react';
 import SelectField from 'material-ui/SelectField';
-import MenuItem from 'material-ui/MenuItem';
 
 export default class Purpose extends React.Component {
-    render () {
-        return (
-            <SelectField
-              value={this.props.default}
-              onChange={this.props.handleChange.bind(this)}
-              fullWidth={true}
-              tabIndex={this.props.tabIndex}
-              >
-                <MenuItem value={'VOLUNTEER'} primaryText="Volunteer" />
-                <MenuItem value={'FIX'} primaryText="Fix" />
-                <MenuItem value={'WORKSHOP'} primaryText="Workshop" />
-                <MenuItem value={'DONATE'} primaryText="Donate" />
-                <MenuItem value={'STAFF'} primaryText="Staff" />
-            </SelectField>
-        );
-    }
+  render() {
+    return (
+      <SelectField
+        value={this.props.default}
+        onChange={this.props.handleChange.bind(this)}
+        fullWidth
+        tabIndex={this.props.tabIndex}
+      >
+        <MenuItem value={'VOLUNTEER'} primaryText="Volunteer" caption={'Volunteer'} />
+        <MenuItem value={'FIX'} primaryText="Fix" caption={'Fix'} />
+        <MenuItem value={'WORKSHOP'} primaryText="Workshop" caption={'Workshop'} />
+        <MenuItem value={'DONATE'} primaryText="Donate" caption={'Donate'} />
+        <MenuItem value={'STAFF'} primaryText="Staff" caption={'Staff'} />
+      </SelectField>
+    );
+  }
 }