diff --git a/app/components/tournament/EliminationBracketMatch.tsx b/app/components/tournament/EliminationBracketMatch.tsx
index 10928a85f..bf8e04e52 100644
--- a/app/components/tournament/EliminationBracketMatch.tsx
+++ b/app/components/tournament/EliminationBracketMatch.tsx
@@ -33,7 +33,10 @@ export function EliminationBracketMatch({
 
     if (hasBothParticipants)
       return (
-        <Link className="tournament-bracket__match__link" to="/">
+        <Link
+          className="tournament-bracket__match__link"
+          to={`match/${match.id}`}
+        >
           {children}
         </Link>
       );
diff --git a/app/routes/to/$organization.$tournament/bracket.$id.tsx b/app/routes/to/$organization.$tournament/bracket.$id.tsx
index 9cd4cd683..da85b6200 100644
--- a/app/routes/to/$organization.$tournament/bracket.$id.tsx
+++ b/app/routes/to/$organization.$tournament/bracket.$id.tsx
@@ -1,4 +1,4 @@
-import type { LinksFunction, LoaderFunction } from "remix";
+import { LinksFunction, LoaderFunction, Outlet } from "remix";
 import { ActionFunction, json, useMatches } from "remix";
 import invariant from "tiny-invariant";
 import { z } from "zod";
@@ -133,6 +133,7 @@ export default function BracketTabWrapper() {
 
   return (
     <div className="tournament-bracket__container">
+      <Outlet />
       <BracketActions data={data} />
       <EliminationBracket
         rounds={data.rounds.filter((round) => round.side === "winners")}
diff --git a/app/routes/to/$organization.$tournament/bracket.$id/match.$id.tsx b/app/routes/to/$organization.$tournament/bracket.$id/match.$id.tsx
new file mode 100644
index 000000000..b976efd81
--- /dev/null
+++ b/app/routes/to/$organization.$tournament/bracket.$id/match.$id.tsx
@@ -0,0 +1,3 @@
+export default function MatchModal() {
+  return <div>helou</div>;
+}