diff --git a/packages/component-faraday-ui/src/IconButton.js b/packages/component-faraday-ui/src/IconButton.js
index 2921dab47955aae376d8e2bcf1142321ee186897..a90bb4a130c2c4d4f00b1afd3fb3e8ac5db7fbce 100644
--- a/packages/component-faraday-ui/src/IconButton.js
+++ b/packages/component-faraday-ui/src/IconButton.js
@@ -31,8 +31,9 @@ export default ({
   fontIcon,
   disabled,
   unclickable,
-  paddingBottom,
+  paddingTop,
   paddingRight,
+  paddingBottom,
   iconSize = 1.8,
   className,
   ...props
@@ -56,6 +57,7 @@ export default ({
         className={`${fontIcon} fontIconStyle`}
         paddingBottom={paddingBottom}
         paddingRight={paddingRight}
+        paddingTop={paddingTop}
         size={iconSize}
         {...props}
       />
@@ -66,5 +68,6 @@ export default ({
 const FontIconButton = styled.span`
   padding-bottom: calc(${props => props.paddingBottom} * ${th('gridUnit')} / 2);
   padding-right: calc(${props => props.paddingRight} * ${th('gridUnit')} / 2);
+  padding-top: calc(${props => props.paddingTop} * ${th('gridUnit')} / 2);
   font-size: calc(${props => props.size} * ${th('gridUnit')});
 `
diff --git a/packages/component-faraday-ui/src/UserProfile.js b/packages/component-faraday-ui/src/UserProfile.js
index 0e63c6dd2c431a57b6f6ae7f39d39925e99435fb..71592b198a12df5444b2d2446a3eb91a91b614d8 100644
--- a/packages/component-faraday-ui/src/UserProfile.js
+++ b/packages/component-faraday-ui/src/UserProfile.js
@@ -33,6 +33,8 @@ const Profile = ({
       fontIcon="editIcon"
       iconSize={2}
       onClick={toggleEdit}
+      paddingRight={2}
+      paddingTop={1}
       right={8}
       top={12}
     />