diff --git a/packages/components/src/Modal/index.tsx b/packages/components/src/Modal/index.tsx
index 4e1bef12de1..ab00dc4e83f 100644
--- a/packages/components/src/Modal/index.tsx
+++ b/packages/components/src/Modal/index.tsx
@@ -224,7 +224,7 @@ const Modal: FC<ModalProps> = ({
     <>
       {triggerNode}
       {modalContainer}
-      <Toast bottomOffset={120} />
+      {platformEnv.isNative && <Toast bottomOffset={120} />}
     </>
   );
 };
diff --git a/packages/kit/src/provider/NavigationProvider.tsx b/packages/kit/src/provider/NavigationProvider.tsx
index 92ca640022a..58a749130b9 100644
--- a/packages/kit/src/provider/NavigationProvider.tsx
+++ b/packages/kit/src/provider/NavigationProvider.tsx
@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
 import { DefaultTheme, NavigationContainer } from '@react-navigation/native';
 import { createURL } from 'expo-linking';
 
-import { useThemeValue } from '@onekeyhq/components';
+import { Box, useThemeValue } from '@onekeyhq/components';
 import Toast from '@onekeyhq/components/src/Toast/Custom';
 import platformEnv from '@onekeyhq/shared/src/platformEnv';
 
@@ -50,7 +50,17 @@ const NavigationApp = () => {
       >
         <Navigator />
       </NavigationContainer>
-      <Toast bottomOffset={60} />
+      <Box
+        overflow="hidden"
+        pointerEvents="none"
+        position="absolute"
+        top={0}
+        bottom={0}
+        left={0}
+        right={0}
+      >
+        <Toast bottomOffset={60} />
+      </Box>
     </>
   );
 };