fix: account switcher design

src/components/AppLayout/AccountSwitcher/AccountSwitcher.scss

@@ -38,7 +38,6 @@
         &--mobile {
             width: 90vw;
             position: unset;
-            min-height: 400px;
             height: auto;
             border-radius: 4px;
         }

src/components/AppLayout/AccountSwitcher/index.tsx

@@ -31,6 +31,9 @@ type AccountSwitcherProps = {
         demo: string;
         real: string;
     };
+    modalContentStyle?: {
+        content?: React.CSSProperties;
+    };
 };
 
 export const AccountSwitcher = ({
@@ -39,6 +42,7 @@ export const AccountSwitcher = ({
     isDisabled = false,
     buttonClassName,
     tabsLabels,
+    modalContentStyle,
 }: AccountSwitcherProps) => {
     const [isOpen, setIsOpen] = useState(false);
     const ref = useRef(null);
@@ -110,6 +114,7 @@ export const AccountSwitcher = ({
                             }}
                             className="deriv-account-switcher__container--mobile"
                             isOpen={isOpen}
+                            style={modalContentStyle ?? {}}
                         >
                             {children && (
                                 <Tabs

src/components/Modal/index.tsx

@@ -36,7 +36,6 @@ interface ModalProps extends ReactModal.Props {
     }
 }
 
-
 /**
  * Represents a modal component.it's a wrapper around react-modal.
  * you can use all props exposing from the react-modal.