diff --git a/web/src/app/maps/[mapId]/page.tsx b/web/src/app/maps/[mapId]/page.tsx
index 2b49117..0e7344c 100644
--- a/web/src/app/maps/[mapId]/page.tsx
+++ b/web/src/app/maps/[mapId]/page.tsx
@@ -2,13 +2,27 @@
 
 import Webpage from "@/app/_components/webpage";
 import { useParams } from "next/navigation";
+import Link from "next/link";
+
+interface Button {
+	name: string,
+	href: string,
+}
+function Button(button: Button) {
+	return (
+		<Link href={button.href}>
+			<button>{button.name}</button>
+		</Link>
+	)
+}
 
 export default function Map() {
-    const { mapId } = useParams<{mapId: string}>()
+    const { mapId } = useParams()
 
     return (
         <Webpage>
             <p>map { mapId }</p>
+            <Button name="Submit A Mapfix For This Map" href={`/maps${mapId}/fix`}/>
         </Webpage>
     );
 }