diff --git a/components/ui/Toast.tsx b/components/ui/Toast.tsx
index dfb1c3a..0d86a75 100644
--- a/components/ui/Toast.tsx
+++ b/components/ui/Toast.tsx
@@ -73,12 +73,25 @@ const Toast = (function () {
       if (renderContent) {
         return renderContent()
       }
-      return title && <Text className="text-[18px] font-semibold text-white">{title}</Text>
+      return title && <Text style={{ fontSize: 18, fontWeight: '600', color: 'white' }}>{title}</Text>
     }
 
       ; (global as any).toast?.show(
-        <Block className="z-[9999] flex items-center justify-center">
-          <Block className="relative mx-[40px] mt-[-80px] rounded-[8px] bg-black/90 px-[24px] py-[16px] shadow-lg">
+        <Block className="z-[9999] flex items-center justify-center" style={{ position: 'fixed', top: '30%', left: 0, right: 0 }}>
+          <Block style={{
+            backgroundColor: 'rgba(0, 0, 0, 0.9)',
+            borderRadius: 12,
+            padding: 20,
+            marginHorizontal: 40,
+            minHeight: 60,
+            alignItems: 'center',
+            justifyContent: 'center',
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 4 },
+            shadowOpacity: 0.3,
+            shadowRadius: 8,
+            elevation: 8,
+          }}>
             {renderBody()}
           </Block>
         </Block>,