fix(community-modal): #403 fixed heading text overlap with close icon

telus · Jan 15, 2021 · 0765d0d · 0765d0d
1 parent 36ed2d0
commit 0765d0d
Show file tree

Hide file tree

Showing 3 changed files with 317 additions and 251 deletions.
diff --git a/packages/Modal/Modal.jsx b/packages/Modal/Modal.jsx
@@ -17,6 +17,7 @@ import {
   ModalWrapper,
   PaddingOverride,
   OutlineButton,
+  StyledBox,
 } from './styles'
 
 const FocusTrap = withFocusTrap('div')
@@ -112,12 +113,12 @@ const Modal = ({
             <StyledModal ref={modalRef}>
               <ModalWrapper>
                 <Box inset={5}>
-                  <Box between={3}>
+                  <StyledBox between={3}>
                     <div ref={header} tabIndex="-1">
                       {modalHeading}
                     </div>
                     {description}
-                  </Box>
+                  </StyledBox>
                   {confirmCTAText && (
                     <PaddingOverride>
                       <Box vertical={4}>