diff --git a/app/zone/[user_id]/[any]/page.jsx b/app/zone/[user_id]/[any]/page.jsx
index 1a5fa9d..2dcbf21 100644
--- a/app/zone/[user_id]/[any]/page.jsx
+++ b/app/zone/[user_id]/[any]/page.jsx
@@ -2,7 +2,6 @@
 
 import React, { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
-import InOtherApp from "@/components/InOtherApp";
 
 export default function Zone({ params }) {
   const router = useRouter();
@@ -26,8 +25,16 @@ export default function Zone({ params }) {
   }, []);
 
   return (
-    <section className="flex flex-col flex-1">
-      {isInOtherApp && <InOtherApp />}
+    <section className="flex flex-col flex-1 bg-white z-30">
+      {isInOtherApp && (
+        <div className="p-4">
+          <img
+            className="w-full"
+            src={process.env.NEXT_PUBLIC_CDN_URL + "/public/images/escape.png"}
+            alt=""
+          />
+        </div>
+      )}
     </section>
   );
 }
diff --git a/app/zone/[user_id]/page.jsx b/app/zone/[user_id]/page.jsx
index 1a5fa9d..2dcbf21 100644
--- a/app/zone/[user_id]/page.jsx
+++ b/app/zone/[user_id]/page.jsx
@@ -2,7 +2,6 @@
 
 import React, { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
-import InOtherApp from "@/components/InOtherApp";
 
 export default function Zone({ params }) {
   const router = useRouter();
@@ -26,8 +25,16 @@ export default function Zone({ params }) {
   }, []);
 
   return (
-    <section className="flex flex-col flex-1">
-      {isInOtherApp && <InOtherApp />}
+    <section className="flex flex-col flex-1 bg-white z-30">
+      {isInOtherApp && (
+        <div className="p-4">
+          <img
+            className="w-full"
+            src={process.env.NEXT_PUBLIC_CDN_URL + "/public/images/escape.png"}
+            alt=""
+          />
+        </div>
+      )}
     </section>
   );
 }
diff --git a/public/images/escape.png b/public/images/escape.png
new file mode 100644
index 0000000..6cf0a5e
Binary files /dev/null and b/public/images/escape.png differ