Fix height of contains icon button variant

Author: MichaelArestad

src/components/Button.tsx

@@ -93,7 +93,7 @@ export const StyledButton = styled.button<StylingProps & { children: ReactElemen
     vertical-align: top;
     margin-right: ${(props) => (props.size === SIZES.SMALL ? '4' : '6')}px;
     margin-top: ${(props) => (props.size === SIZES.SMALL ? '0' : '-1')}px;
-    margin-bottom: ${(props) => (props.size === SIZES.SMALL ? '0' : '-2')}px;
+    margin-bottom: ${(props) => (props.size === SIZES.SMALL ? '0' : '-1')}px;
 
     /* Necessary for js mouse events to not glitch out when hovering on svgs */
     pointer-events: none;
@@ -147,6 +147,8 @@ export const StyledButton = styled.button<StylingProps & { children: ReactElemen
       svg {
         display: block;
         margin: 0;
+        height: ${props.size === SIZES.SMALL ? '14' : '16'}px;
+        width: ${props.size === SIZES.SMALL ? '14' : '16'}px;
       }
       padding: ${props.size === SIZES.SMALL ? '7' : '12'}px;
     `}