style: padding issue with modal component

Author: shontzu-deriv

packages/account/src/Configs/get-mt5-status-badge-config.tsx

@@ -43,7 +43,7 @@ const getMT5StatusBadgeConfig = (mt5_account_status: TMT5AccountStatus) => {
             };
         case TRADING_PLATFORM_STATUS.UNAVAILABLE:
             return {
-                text: <Localize i18n_default_text='<0>Temporarily Unavailable</0>' components={[BadgeTextComponent]} />,
+                text: <Localize i18n_default_text='<0>Temporarily unavailable</0>' components={[BadgeTextComponent]} />,
                 icon: 'IcAlertWarning',
             };
         default:

packages/account/src/Configs/get-status-badge-config.tsx

@@ -31,7 +31,7 @@ const getStatusBadgeConfig = (account_status: TAccountBadgeStatus) => {
             };
         case TRADING_PLATFORM_STATUS.UNAVAILABLE:
             return {
-                text: <Localize i18n_default_text='<0>Temporarily Unavailable</0>' components={[BadgeTextComponent]} />,
+                text: <Localize i18n_default_text='<0>Temporarily unavailable</0>' components={[BadgeTextComponent]} />,
                 icon: 'IcAlertWarning',
             };
         default:

packages/appstore/src/components/cfds-listing/cfds-listing.scss

@@ -1773,6 +1773,9 @@
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
+        @include mobile-or-tablet-screen {
+            padding: 0.8rem 1.6rem;
+        }
     }
     .dc-input {
         &__label {

packages/cashier/src/pages/account-transfer/account-transfer-form/account-transfer-form.tsx

@@ -80,7 +80,7 @@ const AccountOption = ({
                 <StatusBadge
                     account_status={TRADING_PLATFORM_STATUS.UNAVAILABLE}
                     icon='IcAlertWarning'
-                    text='Temporarily Unavailable'
+                    text='Temporarily unavailable'
                 />
             );
         }

packages/cfd/src/Containers/cfd-server-maintenance-modal.tsx

@@ -19,7 +19,7 @@ const CFDServerMaintenanceModal = observer(() => {
             has_close_icon
             width={isDesktop() ? '440px' : '328px'}
         >
-            <Modal.Body>
+            <Modal.Body className='dc-modal__container_cfd-password-modal__body'>
                 <Localize
                     i18n_default_text='We’re currently performing server maintenance. Service may be affected.'
                     components={[<strong key={0} />]}

packages/cfd/src/Containers/mt5-account-unavailable-modal.tsx

@@ -20,7 +20,7 @@ const MT5AccountUnavailableModal = observer(() => {
             has_close_icon
             width={isDesktop ? '440px' : '328px'}
         >
-            <Modal.Body>
+            <Modal.Body className='dc-modal__container_cfd-password-modal__body'>
                 <Localize i18n_default_text='Check back in a few minutes by refreshing the page.' />
             </Modal.Body>
             <Modal.Footer>

packages/wallets/src/features/cfd/components/PlatformStatusBadge/PlatformStatusBadge.tsx

@@ -17,7 +17,7 @@ const getBadgeText = (status: TProps['status'], localize: (key: string) => strin
             return localize('Server maintenance');
         case TRADING_PLATFORM_STATUS.UNAVAILABLE:
         case MT5_ACCOUNT_STATUS.UNAVAILABLE:
-            return localize('Temporarily Unavailable');
+            return localize('Temporarily unavailable');
         default:
             return '';
     }