diff --git a/src/base-container/index.jsx b/src/base-container/index.jsx
index 67ea618d..0e6a1a5d 100644
--- a/src/base-container/index.jsx
+++ b/src/base-container/index.jsx
@@ -21,20 +21,17 @@ const BaseContainer = ({
   <ModalDialog
     isOpen={open}
     onClose={setOpen}
-    size="fullscreen"
+    size="lg"
     variant="default"
     title="authn-component"
-    className="bg-light-400"
+    className="bg-light-200"
     hasCloseButton
   >
     <ModalDialog.Body className="modal-body-container overflow-hidden">
       <div className="d-flex w-100 h-100">
-        <div className="w-50 d-flex">
+        <div className="w-100 d-flex">
           {children}
         </div>
-        <div className="w-50 d-flex">
-          <div className="w-100 h-100 bg-dark-500" />
-        </div>
       </div>
     </ModalDialog.Body>
     {footerText && (
diff --git a/src/base-container/index.scss b/src/base-container/index.scss
index f18cf178..61fddb54 100644
--- a/src/base-container/index.scss
+++ b/src/base-container/index.scss
@@ -5,14 +5,12 @@
 }
 
 // This class is related to close button of modal
-.pgn__modal-close-container {
+.pgn__modal-close-container .pgn__modal-close-button {
     background: $white;
     border-radius: 50%;
+    color: $light-700;
     border: 2px solid $light-500;
 }
 
-.pgn__modal-close-container .btn-icon__icon-container {
-    color: $light-700;
-}