fix: Adjust close icon position (#119)

heydoctor · May 26, 2020 · 07752d6 · 07752d6
1 parent 158703d
commit 07752d6
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/Modal/Modal.js b/src/Modal/Modal.js
@@ -202,17 +202,17 @@ Modal.Header = ({ title, children, showClose = true }) => {
           {children}
 
           {showClose && (
-            <Button
-              variant="grey"
-              size="sm"
-              style={{ marginLeft: 'auto', border: 'none' }}
+            <Icon
+              style={{ marginLeft: 'auto', marginRight: -6, outline: 'none' }}
               onClick={handleClose}
               onKeyDown={handleKeyDown}
               aria-label="Close Modal"
-              type="button"
-              tabIndex="-1">
-              <Icon name="close" color="greyDarkest" size={24} />
-            </Button>
+              role="button"
+              tabIndex="-1"
+              name="close"
+              color="greyDarkest"
+              size={24}
+            />
           )}
         </Flex>
       </ModalHeaderInner>