diff --git a/apps/dispatch/app/pilot/page.tsx b/apps/dispatch/app/pilot/page.tsx
index d39e0cdc..615694ff 100644
--- a/apps/dispatch/app/pilot/page.tsx
+++ b/apps/dispatch/app/pilot/page.tsx
@@ -4,7 +4,12 @@ import { Mrt } from "pilot/_components/mrt/Mrt";
 import { Chat } from "../_components/left/Chat";
 import { Report } from "../_components/left/Report";
 import { Dme } from "pilot/_components/dme/Dme";
+import dynamic from "next/dynamic";
+const Map = dynamic(() => import("../dispatch/_components/map/Map"), {
+	ssr: false,
+});
 
+// ...existing code...
 const DispatchPage = () => {
 	return (
 		<div className="relative flex-1 flex transition-all duration-500 ease w-full">
@@ -16,18 +21,20 @@ const DispatchPage = () => {
 						<Report />
 					</div>
 				</div>
-			</div>
-			<div className="flex flex-col">
-				<div className="relative flex-1">
-					<Mrt />
-				</div>
-				<div className="relative flex-1">
-					<Dme />
+				<div className="absolute top-4 right-0 pr-4 z-999999 items-end">
+					<div className="max-w-120 mb-2">
+						<Mrt />
+					</div>
+					<div className="max-w-110">
+						<Dme />
+					</div>
 				</div>
+				<Map />
 			</div>
 		</div>
 	);
 };
+// ...existing code...
 
 DispatchPage.displayName = "DispatchPage";