diff --git a/src/AppNew.tsx b/src/AppNew.tsx
index 71de311b0..837e889bc 100644
--- a/src/AppNew.tsx
+++ b/src/AppNew.tsx
@@ -5,7 +5,7 @@ import { QrSignerContextProvider } from 'providers/QrSignerContext';
 import { ScannerContextProvider } from 'providers/ScannerContext';
 import { SigningContextProvider } from 'providers/SigningContext';
 import React, { useEffect } from 'react';
-import { AppState, Dimensions, Platform, StatusBar, StyleProp, View } from 'react-native';
+import { AppState, Platform, StatusBar, StyleProp, View } from 'react-native';
 import { ThemeContext } from 'providers/contexts';
 import { THEME_PRESET } from 'styles/themes';
 import { ToastProvider } from 'react-native-toast-notifications';
@@ -20,12 +20,11 @@ import { LoadingScreen } from 'screens/LoadingScreen';
 import { ColorMap } from 'styles/color';
 import { AutoLockState } from 'utils/autoLock';
 import useStoreBackgroundService from 'hooks/store/useStoreBackgroundService';
-import { HIDE_MODAL_DURATION, statusBarHeight, TOAST_DURATION } from 'constants/index';
+import { HIDE_MODAL_DURATION, TOAST_DURATION } from 'constants/index';
 import AppNavigator from './AppNavigator';
 import { keyringLock } from 'messaging/index';
 import { updateShowZeroBalanceState } from 'stores/utils';
 import { setBuildNumber } from './stores/AppVersion';
-// import { hasMigratedFromAsyncStorage, migrateFromAsyncStorage } from 'utils/storage';
 import { getBuildNumber } from 'react-native-device-info';
 import { AppModalContextProvider } from './providers/AppModalContext';
 import { CustomToast } from 'components/design-system-ui/toast';
@@ -177,8 +176,10 @@ export const AppNew = () => {
                             position: 'absolute',
                             top: 0,
                             left: 0,
-                            width: Dimensions.get('window').width,
-                            height: Dimensions.get('window').height + (Platform.OS === 'ios' ? 0 : statusBarHeight),
+                            bottom: 0,
+                            right: 0,
+                            width: '100%',
+                            height: '100%',
                             zIndex: 9999,
                           }}>
                           <PortalProvider>
diff --git a/src/components/ContainerWithSubHeader.tsx b/src/components/ContainerWithSubHeader.tsx
index cb6245ed4..e9a2270b3 100644
--- a/src/components/ContainerWithSubHeader.tsx
+++ b/src/components/ContainerWithSubHeader.tsx
@@ -3,6 +3,7 @@ import { KeyboardAvoidingView, Platform, SafeAreaView, StyleProp, View } from 'r
 import { SubHeader, SubHeaderProps } from 'components/SubHeader';
 import { Header } from 'components/Header';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import DeviceInfo from 'react-native-device-info';
 
 export interface ContainerWithSubHeaderProps extends SubHeaderProps {
   children: JSX.Element | JSX.Element[];
@@ -20,7 +21,7 @@ const getContainerStyle: (insetTop: number, backgroundColor?: string) => StylePr
   return {
     flex: 1,
     backgroundColor: backgroundColor || '#0C0C0C',
-    paddingTop: insetTop + (Platform.OS === 'ios' ? 0 : 8),
+    paddingTop: insetTop + (DeviceInfo.hasNotch() ? 0 : 8),
   };
 };
 
diff --git a/src/components/Modal/ConnectWebsiteModal.tsx b/src/components/Modal/ConnectWebsiteModal.tsx
index 4cf28ead8..321f68d24 100644
--- a/src/components/Modal/ConnectWebsiteModal.tsx
+++ b/src/components/Modal/ConnectWebsiteModal.tsx
@@ -253,7 +253,7 @@ export const ConnectWebsiteModal = ({ setVisible, modalVisible, isNotConnected,
       onBackButtonPress={onChangeModalVisible}
       contentContainerStyle={stylesheet.modalContentContainerStyle}
       footer={<View style={stylesheet.footer}>{actionButtons}</View>}>
-      <ScrollView style={stylesheet.scrollView}>
+      <ScrollView style={stylesheet.scrollView} showsVerticalScrollIndicator={false}>
         <TouchableOpacity activeOpacity={1}>
           <ConfirmationGeneralInfo
             request={{
diff --git a/src/components/Modal/common/PoolSelector.tsx b/src/components/Modal/common/PoolSelector.tsx
index c879134dc..242f2c109 100644
--- a/src/components/Modal/common/PoolSelector.tsx
+++ b/src/components/Modal/common/PoolSelector.tsx
@@ -246,7 +246,6 @@ export const PoolSelector = ({ chain, onSelectItem, from, poolLoading, selectedP
             renderCustomItem={renderSortingItem}>
             {
               <Button
-                style={{ marginTop: 16 }}
                 icon={<Icon phosphorIcon={ArrowCounterClockwise} size={'md'} />}
                 onPress={() => {
                   setSortSelection(SortKey.DEFAULT);
diff --git a/src/components/Modal/common/ValidatorSelector.tsx b/src/components/Modal/common/ValidatorSelector.tsx
index 432f1919e..1bbd779da 100644
--- a/src/components/Modal/common/ValidatorSelector.tsx
+++ b/src/components/Modal/common/ValidatorSelector.tsx
@@ -268,7 +268,6 @@ export const ValidatorSelector = ({
             renderCustomItem={renderSortingItem}>
             {
               <Button
-                style={{ marginTop: 16 }}
                 icon={<Icon phosphorIcon={ArrowCounterClockwise} size={'md'} />}
                 onPress={() => {
                   setSortSelection(SortKey.DEFAULT);
diff --git a/src/components/Modal/style/ConnectWebsiteModal.ts b/src/components/Modal/style/ConnectWebsiteModal.ts
index 917aa0537..938369246 100644
--- a/src/components/Modal/style/ConnectWebsiteModal.ts
+++ b/src/components/Modal/style/ConnectWebsiteModal.ts
@@ -32,7 +32,7 @@ export default (theme: ThemeTypes) => {
       gap: theme.sizeSM,
     },
     scrollView: {
-      // maxHeight: (70 * DEVICE.height) / 100,
+      height: '60%',
       width: '100%',
     },
   });
diff --git a/src/components/ScreenContainer.tsx b/src/components/ScreenContainer.tsx
index bd9a81d10..3862ab63c 100644
--- a/src/components/ScreenContainer.tsx
+++ b/src/components/ScreenContainer.tsx
@@ -3,6 +3,7 @@ import { Platform, SafeAreaView, StatusBar, StyleProp, StyleSheet, View, ViewSty
 import { ColorMap } from 'styles/color';
 import { sharedStyles, STATUS_BAR_HEIGHT, STATUS_BAR_LIGHT_CONTENT } from 'styles/sharedStyles';
 import LinearGradient from 'react-native-linear-gradient';
+import DeviceInfo from 'react-native-device-info';
 
 interface Props {
   children: React.ReactNode | React.ReactNode[];
@@ -39,7 +40,7 @@ export const ScreenContainer = ({
         colors={backgroundColor ? [backgroundColor, backgroundColor] : gradientBackground}
         style={styles.gradientWrapper}
       />
-      <SafeAreaView style={statusBarStyle}>
+      <SafeAreaView style={[statusBarStyle, { marginTop: DeviceInfo.hasNotch() ? 0 : 8 }]}>
         <StatusBar barStyle={STATUS_BAR_LIGHT_CONTENT} translucent={true} backgroundColor={'transparent'} />
       </SafeAreaView>
       <View style={styles.contentContainer}>{children}</View>
diff --git a/src/components/WalletConnect/Account/WCAccountSelect.tsx b/src/components/WalletConnect/Account/WCAccountSelect.tsx
index 05bd94447..fb4c071a3 100644
--- a/src/components/WalletConnect/Account/WCAccountSelect.tsx
+++ b/src/components/WalletConnect/Account/WCAccountSelect.tsx
@@ -12,7 +12,6 @@ import AccountItemWithName from 'components/common/Account/Item/AccountItemWithN
 import { ALL_ACCOUNT_KEY } from '@subwallet/extension-base/constants';
 import { CheckCircle } from 'phosphor-react-native';
 import { ModalRef } from 'types/modalRef';
-import { useSubWalletTheme } from 'hooks/useSubWalletTheme';
 
 interface Props {
   selectedAccounts: string[];
@@ -35,7 +34,6 @@ export const WCAccountSelect = ({
   selectedAccounts,
   useModal,
 }: Props) => {
-  const theme = useSubWalletTheme().swThemes;
   const modalRef = useRef<ModalRef>();
 
   const onCloseModal = useCallback(() => {
@@ -91,7 +89,7 @@ export const WCAccountSelect = ({
           renderSelected={() => <WCAccountInput accounts={availableAccounts} selected={appliedAccounts} />}
           renderCustomItem={renderItem}>
           <Button
-            style={{ marginTop: theme.margin }}
+            style={{ marginTop: 16 }}
             disabled={!selectedAccounts.length}
             icon={renderButtonIcon}
             onPress={_onApply}>
diff --git a/src/components/common/Account/AccountCreationArea/index.tsx b/src/components/common/Account/AccountCreationArea/index.tsx
index a6e52a07c..d045d92f7 100644
--- a/src/components/common/Account/AccountCreationArea/index.tsx
+++ b/src/components/common/Account/AccountCreationArea/index.tsx
@@ -122,11 +122,13 @@ export const AccountCreationArea = ({
     (keyTypes: KeypairType[]) => {
       createAccountRef && createAccountRef.current?.onCloseModal();
       selectTypeRef && selectTypeRef.current?.onCloseModal();
-      if (hasMasterPassword) {
-        navigation.navigate('CreateAccount', { keyTypes: keyTypes });
-      } else {
-        navigation.navigate('CreatePassword', { pathName: 'CreateAccount', state: keyTypes });
-      }
+      setTimeout(() => {
+        if (hasMasterPassword) {
+          navigation.navigate('CreateAccount', { keyTypes: keyTypes });
+        } else {
+          navigation.navigate('CreatePassword', { pathName: 'CreateAccount', state: keyTypes });
+        }
+      }, 300);
     },
     [createAccountRef, hasMasterPassword, navigation],
   );
@@ -154,11 +156,14 @@ export const AccountCreationArea = ({
       if (allowToShowSelectType) {
         selectTypeRef && selectTypeRef.current?.onOpenModal();
       } else {
-        if (hasMasterPassword) {
-          navigation.navigate('CreateAccount', {});
-        } else {
-          navigation.navigate('CreatePassword', { pathName: 'CreateAccount' });
-        }
+        createAccountRef?.current?.onCloseModal();
+        setTimeout(() => {
+          if (hasMasterPassword) {
+            navigation.navigate('CreateAccount', {});
+          } else {
+            navigation.navigate('CreatePassword', { pathName: 'CreateAccount' });
+          }
+        }, 3000);
       }
     } else {
       deriveAccModalRef && deriveAccModalRef.current?.onOpenModal();
@@ -178,11 +183,15 @@ export const AccountCreationArea = ({
       pathName = 'ImportQrCode';
     }
 
-    if (hasMasterPassword) {
-      navigation.navigate(pathName);
-    } else {
-      navigation.navigate('CreatePassword', { pathName: pathName });
-    }
+    setTimeout(() => {
+      if (hasMasterPassword) {
+        // @ts-ignore
+        navigation.navigate(pathName);
+      } else {
+        // @ts-ignore
+        navigation.navigate('CreatePassword', { pathName: pathName });
+      }
+    }, 300);
   };
 
   const attachAccountFunc = (item: ActionItemType) => {
@@ -200,11 +209,15 @@ export const AccountCreationArea = ({
     }
 
     attachAccountRef && attachAccountRef.current?.onCloseModal();
-    if (hasMasterPassword) {
-      navigation.navigate(pathName);
-    } else {
-      navigation.navigate('CreatePassword', { pathName: pathName });
-    }
+    setTimeout(() => {
+      if (hasMasterPassword) {
+        // @ts-ignore
+        navigation.navigate(pathName);
+      } else {
+        // @ts-ignore
+        navigation.navigate('CreatePassword', { pathName: pathName });
+      }
+    }, 300);
   };
 
   return (
@@ -214,11 +227,11 @@ export const AccountCreationArea = ({
         modalTitle={i18n.header.createNewAcc}
         items={createAccountAction}
         onSelectItem={createAccountFunc}>
-        <SelectAccountTypeModal selectTypeRef={selectTypeRef} onConfirm={onSelectAccountTypes} />
-
         <DeriveAccountModal deriveAccModalRef={deriveAccModalRef} goHome={goHome} navigation={navigation} />
       </AccountActionSelectModal>
 
+      <SelectAccountTypeModal selectTypeRef={selectTypeRef} onConfirm={onSelectAccountTypes} />
+
       <AccountActionSelectModal
         accActionRef={importAccountRef}
         modalTitle={i18n.header.importAcc}
diff --git a/src/components/common/Confirmation/ConfirmationContent/index.tsx b/src/components/common/Confirmation/ConfirmationContent/index.tsx
index 982fb283e..7bb815498 100644
--- a/src/components/common/Confirmation/ConfirmationContent/index.tsx
+++ b/src/components/common/Confirmation/ConfirmationContent/index.tsx
@@ -10,14 +10,12 @@ type Props = {
 };
 
 const ConfirmationContent: React.FC<Props> = (props: Props) => {
-  const { children, gap, isFullHeight } = props;
+  const { children, gap } = props;
   const theme = useSubWalletTheme().swThemes;
   const styles = useMemo(() => createStyle(theme, gap), [theme, gap]);
 
   return (
-    <ScrollView
-      style={[styles.container, isFullHeight ? { height: '100%' } : { maxHeight: '70%' }]}
-      contentContainerStyle={styles.content}>
+    <ScrollView style={[styles.container]} contentContainerStyle={styles.content}>
       {children}
     </ScrollView>
   );
diff --git a/src/components/common/SelectModal/BasicSelectModal.tsx b/src/components/common/SelectModal/BasicSelectModal.tsx
index 492ca2da2..b5c177173 100644
--- a/src/components/common/SelectModal/BasicSelectModal.tsx
+++ b/src/components/common/SelectModal/BasicSelectModal.tsx
@@ -8,7 +8,6 @@ import { FilterSelectItem } from 'components/common/SelectModal/parts/FilterSele
 import { ActionItemType } from 'components/Modal/AccountActionSelectModal';
 import { OptionType } from 'components/common/FilterModal';
 import { SWModalRefProps } from 'components/design-system-ui/modal/ModalBaseV2';
-import { MarginBottomForSubmitButton } from 'styles/sharedStyles';
 import { useSubWalletTheme } from 'hooks/useSubWalletTheme';
 
 interface Props<T> {
@@ -118,7 +117,7 @@ function _BasicSelectModal<T>(selectModalProps: Props<T>, ref: ForwardedRef<any>
           style={{
             width: '100%',
             paddingHorizontal: theme.padding,
-            ...MarginBottomForSubmitButton,
+            // ...MarginBottomForSubmitButton,
             marginTop: theme.padding,
           }}
           disabled={applyBtn?.disabled}
diff --git a/src/components/common/SelectModal/index.tsx b/src/components/common/SelectModal/index.tsx
index 80ef7b729..63e7cb34c 100644
--- a/src/components/common/SelectModal/index.tsx
+++ b/src/components/common/SelectModal/index.tsx
@@ -1,7 +1,7 @@
 import React, { ForwardedRef, forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { Button, Icon, SwFullSizeModal } from 'components/design-system-ui';
 import { FlatListScreen, RightIconOpt } from 'components/FlatListScreen';
-import { ListRenderItemInfo, Platform, View } from 'react-native';
+import { Keyboard, ListRenderItemInfo, Platform, View } from 'react-native';
 import { MarginBottomForSubmitButton } from 'styles/sharedStyles';
 import { OptionType } from 'components/common/FilterModal';
 import { AccountSelectItem } from 'components/common/SelectModal/parts/AccountSelectItem';
@@ -141,6 +141,15 @@ function _SelectModal<T>(selectModalProps: Props<T>, ref: ForwardedRef<any>) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items, defaultValue]);
 
+  const _onSelectItem = useCallback(
+    (_item: T) => {
+      selectModalType === 'single' && Keyboard.dismiss();
+      // setTimeout(() => onSelectItem && onSelectItem(_item), 50);
+      onSelectItem && onSelectItem(_item);
+    },
+    [onSelectItem, selectModalType],
+  );
+
   useImperativeHandle(
     ref,
     () => ({
@@ -183,7 +192,7 @@ function _SelectModal<T>(selectModalProps: Props<T>, ref: ForwardedRef<any>) {
           <AccountSelectItem
             item={item}
             selectedValueMap={selectedValueMap}
-            onSelectItem={onSelectItem}
+            onSelectItem={_onSelectItem}
             onCloseModal={() => closeModalAfterSelect && modalBaseV2Ref?.current?.close()}
           />
         </>
@@ -193,7 +202,7 @@ function _SelectModal<T>(selectModalProps: Props<T>, ref: ForwardedRef<any>) {
         <_TokenSelectItem
           item={item}
           selectedValueMap={selectedValueMap}
-          onSelectItem={onSelectItem}
+          onSelectItem={_onSelectItem}
           onCloseModal={() => closeModalAfterSelect && modalBaseV2Ref?.current?.close()}
         />
       );
@@ -202,7 +211,7 @@ function _SelectModal<T>(selectModalProps: Props<T>, ref: ForwardedRef<any>) {
         <ChainSelectItem
           item={item}
           selectedValueMap={selectedValueMap}
-          onSelectItem={onSelectItem}
+          onSelectItem={_onSelectItem}
           onCloseModal={() => closeModalAfterSelect && modalBaseV2Ref?.current?.close()}
         />
       );
diff --git a/src/components/design-system-ui/button/index.tsx b/src/components/design-system-ui/button/index.tsx
index 606c24510..ef325648a 100644
--- a/src/components/design-system-ui/button/index.tsx
+++ b/src/components/design-system-ui/button/index.tsx
@@ -130,7 +130,13 @@ const Button: React.FC<ButtonProps> = props => {
       onHideUnderlay={_onHideUnderlay}>
       <View style={[_style.container, { paddingVertical: 16 }]}>
         {iconNode}
-        {typeof children === 'string' ? <Text style={textStyle}>{children}</Text> : children}
+        {typeof children === 'string' ? (
+          <Text numberOfLines={1} style={textStyle}>
+            {children}
+          </Text>
+        ) : (
+          children
+        )}
       </View>
     </TouchableHighlight>
   );
diff --git a/src/components/design-system-ui/modal/ModalBaseV2.tsx b/src/components/design-system-ui/modal/ModalBaseV2.tsx
index 6b579c8b1..066272c96 100644
--- a/src/components/design-system-ui/modal/ModalBaseV2.tsx
+++ b/src/components/design-system-ui/modal/ModalBaseV2.tsx
@@ -1,9 +1,10 @@
-import React, { useCallback, useEffect, useImperativeHandle } from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useState } from 'react';
 import { Dimensions, StyleProp, TouchableOpacity, View, ViewStyle } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import ModalStyles from './styleV2';
 import { useSubWalletTheme } from 'hooks/useSubWalletTheme';
+import useConfirmationsInfo from 'hooks/screen/Confirmation/useConfirmationsInfo';
 const { height: SCREEN_HEIGHT } = Dimensions.get('window');
 
 const MAX_TRANSLATE_Y = -SCREEN_HEIGHT;
@@ -17,6 +18,7 @@ export interface SWModalProps {
   isFullHeight?: boolean;
   level?: number;
   onChangeModalVisible?: () => void;
+  isUseForceHidden?: boolean;
 }
 
 export type SWModalRefProps = {
@@ -27,46 +29,68 @@ export type SWModalRefProps = {
 
 const ModalBaseV2 = React.forwardRef<SWModalRefProps, SWModalProps>(
   (
-    { isVisible, setVisible, height, children, wrapperStyle, isFullHeight = false, level = 1, onChangeModalVisible },
+    {
+      isVisible,
+      setVisible,
+      height,
+      children,
+      wrapperStyle,
+      isFullHeight = false,
+      level = 1,
+      onChangeModalVisible,
+      isUseForceHidden,
+    },
     ref,
   ) => {
     const translateY = useSharedValue(0);
     const active = useSharedValue(false);
     const theme = useSubWalletTheme().swThemes;
     const _styles = ModalStyles(theme, level);
+    const { numberOfConfirmations } = useConfirmationsInfo();
+    const [isForcedHidden, setForcedHidden] = useState<boolean>(false);
     useEffect(() => {
-      if (isVisible) {
+      if (isUseForceHidden && !!numberOfConfirmations) {
+        setForcedHidden(true);
+      } else {
+        setForcedHidden(false);
+      }
+    }, [isUseForceHidden, numberOfConfirmations]);
+
+    useEffect(() => {
+      if (!isForcedHidden && isVisible) {
         scrollTo(-height);
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isVisible, height]);
-    const timeout = (destination: number) => {
-      setTimeout(() => {
-        if (destination === 0 && setVisible) {
-          setVisible(false);
-          onChangeModalVisible && onChangeModalVisible();
-        }
-      }, 50);
-    };
+    }, [isVisible, height, isForcedHidden]);
+    // const timeout = () => {
+    //   setTimeout(() => {
+    //     setVisible(false);
+    //     onChangeModalVisible && onChangeModalVisible();
+    //   }, 50);
+    // };
     const scrollTo = useCallback((destination: number) => {
       'worklet';
       active.value = destination !== 0;
 
-      runOnJS(timeout)(destination);
+      // if (destination === 0) {
+      //   runOnJS(timeout)();
+      //   runOnJS(setVisible)(false);
+      // }
+
       translateY.value = withTiming(
         destination,
         {
-          duration: 350,
-        },
-        () => {
-          destination === 0 && runOnJS(setVisible)(false);
+          duration: 250,
         },
+        () => {},
       );
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     const onClose = useCallback(() => {
       scrollTo(0);
+      onChangeModalVisible && onChangeModalVisible();
+      setVisible(false);
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
@@ -107,13 +131,19 @@ const ModalBaseV2 = React.forwardRef<SWModalRefProps, SWModalProps>(
 
     return (
       <>
-        {isVisible && (
+        {!isForcedHidden && isVisible && (
           <>
-            <TouchableOpacity activeOpacity={0.8} style={_styles.backDropButton} onPress={onClose} />
+            <TouchableOpacity activeOpacity={0.8} style={_styles.backDropButton} onPress={() => setVisible(false)} />
             <GestureDetector gesture={gesture}>
               {
                 // @ts-ignore
-                <Animated.View style={[_styles.container, wrapperStyle, rSWModalStyle, { borderRadius: 32 }]}>
+                <Animated.View
+                  style={[
+                    _styles.container,
+                    wrapperStyle,
+                    rSWModalStyle,
+                    { borderTopLeftRadius: 32, borderTopRightRadius: 32 },
+                  ]}>
                   {!isFullHeight && <View style={_styles.line} />}
                   {children}
                 </Animated.View>
diff --git a/src/components/design-system-ui/modal/SwModal.tsx b/src/components/design-system-ui/modal/SwModal.tsx
index 2fd132346..488fb7208 100644
--- a/src/components/design-system-ui/modal/SwModal.tsx
+++ b/src/components/design-system-ui/modal/SwModal.tsx
@@ -130,19 +130,20 @@ const SwModal = React.forwardRef<ModalRefProps, SWModalProps>(
               setVisible={setVisible}
               height={childrenHeight}
               ref={modalBaseV2Ref}
+              isUseForceHidden={Platform.OS === 'android'}
               onChangeModalVisible={onChangeModalVisible}
               level={level}>
               <View
                 style={{ paddingHorizontal: 16, paddingTop: 22 }}
                 onLayout={event => {
                   let { height } = event.nativeEvent.layout;
-                  !!height && setContentHeight(height + (Platform.OS === 'ios' ? 16 : 0));
+                  !!height && setContentHeight(height + (Platform.OS === 'ios' ? 16 : -16));
                 }}>
                 {renderTitle()}
                 {children}
 
                 {footer}
-                {isUseSafeAreaView && <SafeAreaView edges={['bottom']} />}
+                {isUseSafeAreaView && <SafeAreaView edges={['bottom']} style={{ marginBottom: theme.margin }} />}
               </View>
             </ModalBaseV2>
           </Portal>
diff --git a/src/screens/Account/AccountsScreen/index.tsx b/src/screens/Account/AccountsScreen/index.tsx
index d13836eb9..07d0fefe4 100644
--- a/src/screens/Account/AccountsScreen/index.tsx
+++ b/src/screens/Account/AccountsScreen/index.tsx
@@ -1,7 +1,7 @@
 import { AccountJson } from '@subwallet/extension-base/background/types';
 import { SelectAccountItem } from 'components/common/SelectAccountItem';
 import React, { useCallback, useMemo, useRef } from 'react';
-import { ListRenderItemInfo, View } from 'react-native';
+import { Keyboard, ListRenderItemInfo, View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useSelector } from 'react-redux';
 import { RootState } from 'stores/index';
@@ -108,6 +108,11 @@ export const AccountsScreen = ({
     [currentAccountAddress, navigation, selectAccount],
   );
 
+  const onPressFooterBtn = (action: () => void) => {
+    Keyboard.dismiss();
+    setTimeout(action, 200);
+  };
+
   const renderFooterComponent = () => {
     return (
       <View
@@ -122,25 +127,19 @@ export const AccountsScreen = ({
           block
           icon={<Icon phosphorIcon={PlusCircle} size={'lg'} weight={'fill'} />}
           type={'secondary'}
-          onPress={() => {
-            createAccountRef && createAccountRef.current?.onOpenModal();
-          }}>
+          onPress={() => onPressFooterBtn(() => createAccountRef?.current?.onOpenModal())}>
           {i18n.buttonTitles.createANewAcc}
         </Button>
         <Button
           style={{ marginRight: 12 }}
           icon={<Icon phosphorIcon={FileArrowDown} size={'lg'} weight={'fill'} />}
           type={'secondary'}
-          onPress={() => {
-            importAccountRef && importAccountRef.current?.onOpenModal();
-          }}
+          onPress={() => onPressFooterBtn(() => importAccountRef?.current?.onOpenModal())}
         />
         <Button
           icon={<Icon phosphorIcon={Swatches} size={'lg'} weight={'fill'} />}
           type={'secondary'}
-          onPress={() => {
-            attachAccountRef && attachAccountRef.current?.onOpenModal();
-          }}
+          onPress={() => onPressFooterBtn(() => attachAccountRef?.current?.onOpenModal())}
         />
       </View>
     );
diff --git a/src/screens/Confirmations/index.tsx b/src/screens/Confirmations/index.tsx
index 93a4992ba..1c09b81ea 100644
--- a/src/screens/Confirmations/index.tsx
+++ b/src/screens/Confirmations/index.tsx
@@ -13,7 +13,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { RootStackParamList } from 'routes/index';
 import { ConfirmationType } from 'stores/base/RequestState';
 import useConfirmationsInfo from 'hooks/screen/Confirmation/useConfirmationsInfo';
-import { KeyboardAvoidingView, Platform, SafeAreaView, StyleProp, View } from 'react-native';
+import { KeyboardAvoidingView, Platform, StyleProp, View } from 'react-native';
 import { RootState } from 'stores/index';
 import { useSelector } from 'react-redux';
 import { ConfirmationDefinitions, ExtrinsicType } from '@subwallet/extension-base/background/KoniTypes';
@@ -35,10 +35,12 @@ import { STATUS_BAR_HEIGHT } from 'styles/sharedStyles';
 import i18n from 'utils/i18n/i18n';
 import { WalletConnectSessionRequest } from '@subwallet/extension-base/services/wallet-connect-service/types';
 import { ConnectWalletConnectConfirmation } from 'screens/Confirmations/variants/ConnectWalletConnectConfirmation';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 const getConfirmationPopupWrapperStyle = (isShowSeparator: boolean): StyleProp<any> => {
   return {
-    maxHeight: '100%',
+    height: !isShowSeparator ? '100%' : undefined,
+    maxHeight: isShowSeparator ? '80%' : undefined,
     width: '100%',
     backgroundColor: ColorMap.dark1,
     borderTopLeftRadius: 32,
@@ -237,7 +239,7 @@ export const Confirmations = () => {
             isFullHeight={confirmation && confirmation.item.isInternal}
           />
           {content}
-          <SafeAreaView />
+          <SafeAreaView edges={['bottom']} />
         </View>
       </View>
     </KeyboardAvoidingView>
diff --git a/src/screens/Home/Crypto/CustomizationModal.tsx b/src/screens/Home/Crypto/CustomizationModal.tsx
index a309515f1..c12690655 100644
--- a/src/screens/Home/Crypto/CustomizationModal.tsx
+++ b/src/screens/Home/Crypto/CustomizationModal.tsx
@@ -1,11 +1,10 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ListRenderItemInfo } from 'react-native';
 import { NetworkAndTokenToggleItem } from 'components/NetworkAndTokenToggleItem';
 import i18n from 'utils/i18n/i18n';
 import { FlatListScreen } from 'components/FlatListScreen';
 import useChainInfoWithState, { ChainInfoWithState } from 'hooks/chain/useChainInfoWithState';
 import { updateChainActiveState } from 'messaging/index';
-import { SubWalletFullSizeModal } from 'components/Modal/Base/SubWalletFullSizeModal';
 import { FlatListScreenPaddingTop, FontSemiBold } from 'styles/sharedStyles';
 import { useSelector } from 'react-redux';
 import { RootState } from 'stores/index';
@@ -14,11 +13,12 @@ import { useSubWalletTheme } from 'hooks/useSubWalletTheme';
 import { EmptyList } from 'components/EmptyList';
 import { MagnifyingGlass, Wallet } from 'phosphor-react-native';
 import { ToggleItem } from 'components/ToggleItem';
-import { Typography } from 'components/design-system-ui';
+import { SwFullSizeModal, Typography } from 'components/design-system-ui';
+import { SWModalRefProps } from 'components/design-system-ui/modal/ModalBaseV2';
 
 interface Props {
   modalVisible: boolean;
-  onCancel?: () => void;
+  setVisible: (arg: boolean) => void;
 }
 
 let chainKeys: Array<string> | undefined;
@@ -54,13 +54,16 @@ const processChainMap = (
   return chainKeys.map(key => chainInfoMap[key]);
 };
 
-export const CustomizationModal = ({ modalVisible, onCancel }: Props) => {
+export const CustomizationModal = ({ modalVisible, setVisible }: Props) => {
   const theme = useSubWalletTheme().swThemes;
   const isShowZeroBalance = useSelector((state: RootState) => state.settings.isShowZeroBalance);
   const chainInfoMap = useChainInfoWithState();
   const [pendingChainMap, setPendingChainMap] = useState<Record<string, boolean>>(cachePendingChainMap);
   const [currentChainList, setCurrentChainList] = useState(processChainMap(chainInfoMap));
   const [isLoadingData, setIsLoadingData] = useState<boolean>(true);
+  const modalBaseV2Ref = useRef<SWModalRefProps>(null);
+
+  const onCancel = () => modalBaseV2Ref?.current?.close();
 
   useEffect(() => {
     let timeout: NodeJS.Timeout;
@@ -182,7 +185,12 @@ export const CustomizationModal = ({ modalVisible, onCancel }: Props) => {
   }, [isShowZeroBalance, onChangeZeroBalance, theme]);
 
   return (
-    <SubWalletFullSizeModal modalVisible={modalVisible} onChangeModalVisible={onCancel}>
+    <SwFullSizeModal
+      modalBaseV2Ref={modalBaseV2Ref}
+      isUseModalV2
+      setVisible={setVisible}
+      modalVisible={modalVisible}
+      onBackButtonPress={onCancel}>
       <FlatListScreen
         beforeListItem={beforeList}
         items={currentChainList}
@@ -197,6 +205,6 @@ export const CustomizationModal = ({ modalVisible, onCancel }: Props) => {
         isShowListWrapper
         placeholder={i18n.placeholder.networkName}
       />
-    </SubWalletFullSizeModal>
+    </SwFullSizeModal>
   );
 };
diff --git a/src/screens/Home/Crypto/TokenGroups.tsx b/src/screens/Home/Crypto/TokenGroups.tsx
index 0037ded5b..3d9078336 100644
--- a/src/screens/Home/Crypto/TokenGroups.tsx
+++ b/src/screens/Home/Crypto/TokenGroups.tsx
@@ -113,10 +113,6 @@ export const TokenGroups = () => {
     [isShowBalance, onPressItem, theme.colorBgSecondary],
   );
 
-  const onCloseCustomizationModal = useCallback(() => {
-    setCustomizationModalVisible(false);
-  }, []);
-
   const onOpenCustomizationModal = useCallback(() => {
     setCustomizationModalVisible(true);
   }, []);
@@ -263,7 +259,7 @@ export const TokenGroups = () => {
           items={tokenSearchItems}
         />
 
-        <CustomizationModal modalVisible={isCustomizationModalVisible} onCancel={onCloseCustomizationModal} />
+        <CustomizationModal modalVisible={isCustomizationModalVisible} setVisible={setCustomizationModalVisible} />
       </>
     </ScreenContainer>
   );
diff --git a/src/utils/permission/camera.ts b/src/utils/permission/camera.ts
index a45651fbd..d36e9f43c 100644
--- a/src/utils/permission/camera.ts
+++ b/src/utils/permission/camera.ts
@@ -17,11 +17,7 @@ export const requestCameraPermission = async (onPressCancel?: () => void) => {
       console.log('Images: This feature is not available (on this device / in this context)');
       break;
     case RESULTS.DENIED:
-      request(getCameraPermission()).then(res => {
-        if (res === RESULTS.BLOCKED) {
-          onPressCancel && onPressCancel();
-        }
-      });
+      request(getCameraPermission()).then(() => onPressCancel && onPressCancel());
       console.log('Images: The permission has not been requested / is denied but requestable');
       break;
     case RESULTS.GRANTED: