chore: set margin-left for close-icon to auto

deriv-com · Mar 6, 2024 · ae9ec5e · ae9ec5e
1 parent 7d719f1
commit ae9ec5e
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/lib/components/Modal/Modal.scss b/lib/components/Modal/Modal.scss
@@ -20,9 +20,6 @@
         &--no-border {
             border-bottom: none;
         }
-        &--justify-end{
-            justify-content: flex-end;
-        }
     }
     &__title {
         font-size: 20px;
@@ -31,6 +28,7 @@
     &__close-icon {
         cursor: pointer;
         margin: 8px;
+        margin-left: auto;
     }
 }
 

diff --git a/lib/components/Modal/ModalHeader.tsx b/lib/components/Modal/ModalHeader.tsx
@@ -14,7 +14,6 @@ export const ModalHeader = ({ children, hideCloseIcon, className, onRequestClose
     return (
         <div className={clsx('deriv-modal__header', {
             'deriv-modal__header--no-border': hideBorder,
-            'deriv-modal__header--justify-end': !children,
         }, className)} {...rest}>
             {children}
             {!hideCloseIcon && <CloseIcon data-testid="dt-close-icon" onClick={onRequestClose} className="deriv-modal__close-icon" />}