From ae9ec5ea062cca3d10737d110723c7a9848b3db4 Mon Sep 17 00:00:00 2001
From: shayan khaleghparast <iman@regentmarkets.com>
Date: Wed, 6 Mar 2024 17:10:24 +0800
Subject: [PATCH] chore: set margin-left for close-icon to auto

---
 lib/components/Modal/Modal.scss      | 4 +---
 lib/components/Modal/ModalHeader.tsx | 1 -
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/lib/components/Modal/Modal.scss b/lib/components/Modal/Modal.scss
index 6fbbf005..cf292176 100644
--- 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
index c8a4875c..81c23a34 100644
--- 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" />}