diff --git a/packages/app/provider/index.tsx b/packages/app/provider/index.tsx
index d2d5238..c634aec 100644
--- a/packages/app/provider/index.tsx
+++ b/packages/app/provider/index.tsx
@@ -1,22 +1,24 @@
 import { useColorScheme } from 'react-native'
-import { CustomToast, TamaguiProvider, TamaguiProviderProps, ToastProvider, config } from '@my/ui'
+import {
+  CustomToast,
+  TamaguiProvider,
+  TamaguiProviderProps,
+  ToastProvider,
+  config,
+  isWeb,
+} from '@my/ui'
 import { ToastViewport } from './ToastViewport'
 
 export function Provider({ children, ...rest }: Omit<TamaguiProviderProps, 'config'>) {
   const colorScheme = useColorScheme()
-  
+
   return (
-    <TamaguiProvider config={config} defaultTheme={colorScheme === 'dark' ? 'dark' : 'light'} {...rest}>
-      <ToastProvider
-        swipeDirection="horizontal"
-        duration={6000}
-        native={
-          [
-            /* uncomment the next line to do native toasts on mobile. NOTE: it'll require you making a dev build and won't work with Expo Go */
-            // 'mobile'
-          ]
-        }
-      >
+    <TamaguiProvider
+      config={config}
+      defaultTheme={colorScheme === 'dark' ? 'dark' : 'light'}
+      {...rest}
+    >
+      <ToastProvider swipeDirection="horizontal" duration={6000} native={isWeb ? [] : ['mobile']}>
         {children}
         <CustomToast />
         <ToastViewport />