diff --git a/convex/_model/fowV4/calculateFowV4MatchResultScore.ts b/convex/_model/fowV4/calculateFowV4MatchResultScore.ts
index 21d695ba..74c2517c 100644
--- a/convex/_model/fowV4/calculateFowV4MatchResultScore.ts
+++ b/convex/_model/fowV4/calculateFowV4MatchResultScore.ts
@@ -1,5 +1,4 @@
 import { Doc } from '../../_generated/dataModel';
-import { DeepMatchResult } from '../matchResults';
 
 /**
  * Calculate the Victory Points (i.e. score) for a given match result.
@@ -10,7 +9,7 @@ import { DeepMatchResult } from '../matchResults';
  * @param matchResult - The match result to score
  * @returns - A tuple with the scores for player 0 and 1 respectively
  */
-export const calculateFowV4MatchResultScore = (matchResult: Doc<'matchResults'> | DeepMatchResult): [number, number] => {
+export const calculateFowV4MatchResultScore = (matchResult: Doc<'matchResults'>): [number, number] => {
 
   // TODO: Add some guards in case matchResult is not FowV4
 
diff --git a/convex/_model/matchResults/_helpers/deepenMatchResult.ts b/convex/_model/matchResults/_helpers/deepenMatchResult.ts
index 55cd026f..b9d7625f 100644
--- a/convex/_model/matchResults/_helpers/deepenMatchResult.ts
+++ b/convex/_model/matchResults/_helpers/deepenMatchResult.ts
@@ -1,5 +1,6 @@
 import { Doc } from '../../../_generated/dataModel';
 import { QueryCtx } from '../../../_generated/server';
+import { calculateFowV4MatchResultScore } from '../../fowV4/calculateFowV4MatchResultScore';
 import { getMission } from '../../fowV4/getMission';
 import { getUser } from '../../users/queries/getUser';
 import { checkMatchResultBattlePlanVisibility } from './checkMatchResultBattlePlanVisibility';
@@ -38,6 +39,9 @@ export const deepenMatchResult = async (
   const mission = getMission(matchResult.details.missionId);
   const battlePlansVisible = await checkMatchResultBattlePlanVisibility(ctx, matchResult);
 
+  // TODO: This is FowV4 specific, needs to be made generic!
+  const [player0Score, player1Score] = calculateFowV4MatchResultScore(matchResult);
+
   return {
     ...matchResult,
     ...(player0User ? { player0User } : {}),
@@ -47,6 +51,8 @@ export const deepenMatchResult = async (
       player0BattlePlan: battlePlansVisible ? matchResult.details.player0BattlePlan : undefined,
       player1BattlePlan: battlePlansVisible ? matchResult.details.player1BattlePlan : undefined,
       missionName: mission?.displayName,
+      player0Score,
+      player1Score,
     },
     likedByUserIds: likes.map((like) => like.userId),
     commentCount: comments.length,
diff --git a/convex/_model/tournamentPairings/_helpers/deepenTournamentPairing.ts b/convex/_model/tournamentPairings/_helpers/deepenTournamentPairing.ts
index 1ed4b351..00650d54 100644
--- a/convex/_model/tournamentPairings/_helpers/deepenTournamentPairing.ts
+++ b/convex/_model/tournamentPairings/_helpers/deepenTournamentPairing.ts
@@ -14,7 +14,7 @@ import { getTournamentShallow } from '../../tournaments';
  * This method's return type is, by nature, the definition of a deep TournamentPairing.
  * 
  * @param ctx - Convex query context
- * @param tournament - Raw TournamentPairing document
+ * @param tournamentPairing - Raw TournamentPairing document
  * @returns A deep TournamentPairing
  */
 export const deepenTournamentPairing = async (
diff --git a/src/components/FowV4MatchResultDetails/FowV4MatchResultDetails.types.ts b/src/components/FowV4MatchResultDetails/FowV4MatchResultDetails.types.ts
index 15c3b11c..4ecf00f2 100644
--- a/src/components/FowV4MatchResultDetails/FowV4MatchResultDetails.types.ts
+++ b/src/components/FowV4MatchResultDetails/FowV4MatchResultDetails.types.ts
@@ -3,7 +3,7 @@ import { MatchResult, User } from '~/api';
 export type FowV4MatchResultDetailsData = Pick<MatchResult, 'player0User' | 'player0UserId' | 'player0Placeholder' | 'player1User' | 'player1UserId' | 'player1Placeholder'> & {
   player0User?: User;
   player1User?: User;
-  details: Omit<MatchResult['details'], 'missionName'> & {
+  details: Omit<MatchResult['details'], 'missionName' | 'player0Score' | 'player1Score'> & {
     missionName?: string;
   }
 };
diff --git a/src/components/FowV4MatchResultForm/FowV4MatchResultForm.tsx b/src/components/FowV4MatchResultForm/FowV4MatchResultForm.tsx
index 4c872870..04a0de8f 100644
--- a/src/components/FowV4MatchResultForm/FowV4MatchResultForm.tsx
+++ b/src/components/FowV4MatchResultForm/FowV4MatchResultForm.tsx
@@ -3,7 +3,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import clsx from 'clsx';
 
 import {
-  MatchResultId,
+  MatchResult,
   TournamentPairingId,
   UserId,
 } from '~/api';
@@ -16,11 +16,7 @@ import { SelectValue } from '~/components/generic/InputSelect/InputSelect.types'
 import { Label } from '~/components/generic/Label';
 import { Separator } from '~/components/generic/Separator';
 import { useAsyncState } from '~/hooks/useAsyncState';
-import {
-  useCreateMatchResult,
-  useGetMatchResult,
-  useUpdateMatchResult,
-} from '~/services/matchResults';
+import { useCreateMatchResult, useUpdateMatchResult } from '~/services/matchResults';
 import { useGetActiveTournamentPairingsByUser } from '~/services/tournamentPairings';
 import { getTournamentPairingDisplayName } from '~/utils/common/getTournamentPairingDisplayName';
 import { CommonFields } from './components/CommonFields';
@@ -40,7 +36,7 @@ const confirmMatchResultDialogId = 'confirm-match-result';
 export interface FowV4MatchResultFormProps {
   id: string;
   className?: string;
-  matchResultId?: MatchResultId;
+  matchResult?: MatchResult;
   tournamentPairingId?: TournamentPairingId;
   onSuccess?: () => void;
 }
@@ -48,17 +44,12 @@ export interface FowV4MatchResultFormProps {
 export const FowV4MatchResultForm = ({
   id,
   className,
-  matchResultId,
+  matchResult,
   tournamentPairingId: forcedTournamentPairingId,
   onSuccess,
 }: FowV4MatchResultFormProps): JSX.Element => {
   const user = useAuth();
 
-  const {
-    data: matchResult,
-    loading: matchResultLoading,
-  } = useGetMatchResult(matchResultId ? { id: matchResultId } : 'skip');
-
   const [
     tournamentPairingId,
     setTournamentPairingId,
@@ -89,9 +80,10 @@ export const FowV4MatchResultForm = ({
 
   const form = useForm<FowV4MatchResultFormData>({
     resolver: zodResolver(fowV4MatchResultFormSchema),
-    defaultValues,
-    // React-Hook-Form is stupid and doesn't allow applying a partial record to the form values
-    values: { ...matchResult as FowV4MatchResultFormData },
+    defaultValues: {
+      ...defaultValues,
+      ...(matchResult ? fowV4MatchResultFormSchema.parse(matchResult) : {}),
+    },
     mode: 'onSubmit',
   });
 
@@ -143,13 +135,13 @@ export const FowV4MatchResultForm = ({
 
   const disableSubmit = createMatchResultLoading || updateMatchResultLoading;
 
-  if (tournamentPairingsLoading || matchResultLoading) {
+  if (tournamentPairingsLoading) {
     return <div>Loading...</div>;
   }
 
   return (
     <Form id={id} form={form} onSubmit={onSubmit} className={clsx(styles.FowV4MatchResultForm, className)}>
-      {!matchResultId && (
+      {!matchResult && !forcedTournamentPairingId && (
         <>
           <div className={styles.FowV4MatchResultForm_ResultForSection}>
             <Label>
diff --git a/src/components/FowV4MatchResultForm/components/CommonFields.hooks.ts b/src/components/FowV4MatchResultForm/components/CommonFields.hooks.ts
index 79edc529..06131552 100644
--- a/src/components/FowV4MatchResultForm/components/CommonFields.hooks.ts
+++ b/src/components/FowV4MatchResultForm/components/CommonFields.hooks.ts
@@ -53,7 +53,6 @@ export const useMissionOptions = () => {
   const {
     missionMatrixId,
     missionPackId,
-    useExperimentalMissions,
   } = gameSystemConfig;
   return useMemo(() => {
     const missionPack = getMissionPack(missionPackId);
@@ -78,15 +77,12 @@ export const useMissionOptions = () => {
     
     const matrixEntryMissionIds = matrixEntry.missions.reduce((acc: string[], item) => {
       if (Array.isArray(item)) {
-        if (item[1] && useExperimentalMissions) {
-          return [...acc, item[1]];
-        }
         return [ ...acc, ...item];
       }
-      return [ ...acc,item];
+      return [ ...acc, item];
     }, []);
     return missionsOptions.filter((option) => matrixEntryMissionIds.includes(option.value));
-  }, [player0BattlePlan, player1BattlePlan, missionPackId, missionMatrixId, useExperimentalMissions]);
+  }, [player0BattlePlan, player1BattlePlan, missionPackId, missionMatrixId ]);
 };
 
 export const useOutcomeTypeOptions = () => {
diff --git a/src/components/FowV4MatchResultForm/components/TournamentPlayersFields.tsx b/src/components/FowV4MatchResultForm/components/TournamentPlayersFields.tsx
index caf6736b..68145733 100644
--- a/src/components/FowV4MatchResultForm/components/TournamentPlayersFields.tsx
+++ b/src/components/FowV4MatchResultForm/components/TournamentPlayersFields.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'react';
+import { useEffect } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import { fowV4BattlePlanOptions, TournamentPairingId } from '~/api';
@@ -27,12 +27,8 @@ export const TournamentPlayersFields = ({
   const player0Label = `${getTournamentCompetitorDisplayName(selectedPairing?.tournamentCompetitor0)} Player`;
   const player1Label = `${getTournamentCompetitorDisplayName(selectedPairing?.tournamentCompetitor1)} Player`;
 
-  const player0Options = useMemo(() => (
-    getCompetitorPlayerOptions(selectedPairing?.tournamentCompetitor0)
-  ), [selectedPairing]);
-  const player1Options = useMemo(() => (
-    getCompetitorPlayerOptions(selectedPairing?.tournamentCompetitor1)
-  ), [selectedPairing]);
+  const player0Options = getCompetitorPlayerOptions(selectedPairing?.tournamentCompetitor0);
+  const player1Options = getCompetitorPlayerOptions(selectedPairing?.tournamentCompetitor1);
 
   // Automatically set "Player 1" if possible
   useEffect(() => {
@@ -48,6 +44,10 @@ export const TournamentPlayersFields = ({
     }
   }, [player1Options, player1UserId, setValue]);
 
+  if (!selectedPairing) {
+    return <div>Loading...</div>;
+  }
+
   return (
     <div className={styles.Root}>
       <div className={styles.Player0Section}>
diff --git a/src/components/IdentityBadge/index.ts b/src/components/IdentityBadge/index.ts
index 0dfc5141..6be5ab60 100644
--- a/src/components/IdentityBadge/index.ts
+++ b/src/components/IdentityBadge/index.ts
@@ -1,3 +1,6 @@
 export type { IdentityBadgeProps } from './IdentityBadge';
 export { IdentityBadge } from './IdentityBadge';
-export type { Identity } from './IdentityBadge.types';
+export type {
+  Identity,
+  IdentityBadgePlaceholder,
+} from './IdentityBadge.types';
diff --git a/src/components/MatchResultContextMenu/MatchResultContextMenu.tsx b/src/components/MatchResultContextMenu/MatchResultContextMenu.tsx
index 868df3e8..ed6a3303 100644
--- a/src/components/MatchResultContextMenu/MatchResultContextMenu.tsx
+++ b/src/components/MatchResultContextMenu/MatchResultContextMenu.tsx
@@ -6,6 +6,7 @@ import { PopoverMenu } from '~/components/generic/PopoverMenu';
 import { MatchResultDeleteDialog, useMatchResultDeleteDialog } from '~/components/MatchResultDeleteDialog';
 import { MatchResultEditDialog, useMatchResultEditDialog } from '~/components/MatchResultEditDialog';
 import { useMatchResult } from '~/components/MatchResultProvider';
+import { useGetTournament } from '~/services/tournaments';
 
 export interface MatchResultContextMenuProps {
   size?: 'small' | 'normal' | 'large';
@@ -16,12 +17,18 @@ export const MatchResultContextMenu = ({
 }: MatchResultContextMenuProps): JSX.Element | null => {
   const user = useAuth();
   const matchResult = useMatchResult();
+  const { data: tournament } = useGetTournament(matchResult.tournamentId ? {
+    id: matchResult.tournamentId,
+  } : 'skip');
 
   const { open: openEditDialog } = useMatchResultEditDialog(matchResult._id);
   const { open: openDeleteDialog } = useMatchResultDeleteDialog(matchResult._id);
 
   // TODO: Make better check for showing context menu
-  const showContextMenu = user && !matchResult.tournamentPairingId && [matchResult.player0UserId, matchResult.player1UserId].includes(user._id);
+  const isOrganizer = user && tournament?.organizerUserIds.includes(user._id) && tournament?.status === 'active';
+  const isPlayer = user && [matchResult.player0UserId, matchResult.player1UserId].includes(user._id);
+
+  const showContextMenu = isOrganizer || (isPlayer && !matchResult.tournamentId); // Don't allow editing of tournament results
   const contextMenuItems = [
     { label: 'Edit', onClick: openEditDialog },
     { label: 'Delete', onClick: openDeleteDialog },
diff --git a/src/components/MatchResultCreateDialog/MatchResultCreateDialog.hooks.tsx b/src/components/MatchResultCreateDialog/MatchResultCreateDialog.hooks.tsx
index b6e35eb8..6d741635 100644
--- a/src/components/MatchResultCreateDialog/MatchResultCreateDialog.hooks.tsx
+++ b/src/components/MatchResultCreateDialog/MatchResultCreateDialog.hooks.tsx
@@ -1,3 +1,4 @@
+import { TournamentPairingId } from '~/api';
 import { useModal } from '~/modals';
 
-export const useMatchResultCreateDialog = () => useModal('match-result-create-dialog');
+export const useMatchResultCreateDialog = () => useModal<{ tournamentPairingId: TournamentPairingId }>('match-result-create-dialog');
diff --git a/src/components/MatchResultCreateDialog/MatchResultCreateDialog.tsx b/src/components/MatchResultCreateDialog/MatchResultCreateDialog.tsx
index b8c09d4f..cc31d0d8 100644
--- a/src/components/MatchResultCreateDialog/MatchResultCreateDialog.tsx
+++ b/src/components/MatchResultCreateDialog/MatchResultCreateDialog.tsx
@@ -1,3 +1,4 @@
+import { TournamentPairingId } from '~/api';
 import { FowV4MatchResultForm } from '~/components/FowV4MatchResultForm';
 import { Button } from '~/components/generic/Button';
 import {
@@ -11,8 +12,14 @@ import { useMatchResultCreateDialog } from './MatchResultCreateDialog.hooks';
 
 import styles from './MatchResultCreateDialog.module.scss';
 
-export const MatchResultCreateDialog = (): JSX.Element => {
-  const { id, close } = useMatchResultCreateDialog();
+export interface MatchResultCreateDialogProps {
+  tournamentPairingId?: TournamentPairingId;
+}
+
+export const MatchResultCreateDialog = ({
+  tournamentPairingId,
+}: MatchResultCreateDialogProps): JSX.Element => {
+  const { id, close, data } = useMatchResultCreateDialog();
   return (
     <ControlledDialog id={id} className={styles.MatchResultCreateDialog}>
       <DialogHeader title="Create Match Result" onCancel={close} />
@@ -20,6 +27,7 @@ export const MatchResultCreateDialog = (): JSX.Element => {
       <ScrollArea type="scroll" indicatorBorders={['top', 'bottom']}>
         <FowV4MatchResultForm
           id="fow-v4-match-result-form"
+          tournamentPairingId={tournamentPairingId ?? data?.tournamentPairingId}
           className={styles.Form}
           onSuccess={close}
         />
diff --git a/src/components/MatchResultEditDialog/MatchResultEditDialog.tsx b/src/components/MatchResultEditDialog/MatchResultEditDialog.tsx
index f0a88742..cb5fc08c 100644
--- a/src/components/MatchResultEditDialog/MatchResultEditDialog.tsx
+++ b/src/components/MatchResultEditDialog/MatchResultEditDialog.tsx
@@ -22,7 +22,7 @@ export const MatchResultEditDialog = (): JSX.Element => {
       <ScrollArea type="scroll" indicatorBorders={['top', 'bottom']}>
         <FowV4MatchResultForm
           id="fow-v4-match-result-form"
-          matchResultId={matchResult._id}
+          matchResult={matchResult}
           className={styles.Form}
           onSuccess={close}
         />
diff --git a/src/pages/DashboardPage/DashboardPage.tsx b/src/pages/DashboardPage/DashboardPage.tsx
index 320a7fcf..6e2d396d 100644
--- a/src/pages/DashboardPage/DashboardPage.tsx
+++ b/src/pages/DashboardPage/DashboardPage.tsx
@@ -27,7 +27,7 @@ export const DashboardPage = (): JSX.Element => {
     stats: <LineChart />,
   };
   return (
-    <PageWrapper title="Dashboard" fitToWindow footer={!isDesktop ? (
+    <PageWrapper title="Dashboard" fitToWindow={isDesktop} footer={!isDesktop ? (
       <div className={styles.DashboardPage_Tabs}>
         {Object.entries(tabs).map(([key, icon]) => (
           <div key={key} className={styles.DashboardPage_TabTrigger}>
diff --git a/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.module.scss b/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.module.scss
index fa8eefd2..7efb0066 100644
--- a/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.module.scss
+++ b/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.module.scss
@@ -26,9 +26,10 @@
   &_OpponentSection {
     display: grid;
     grid-template-areas:
-      "opponentLabel tableLabel ."
-      "opponent table checkInButton";
-    grid-template-columns: 1fr auto auto;
+      "opponentLabel tableLabel"
+      "opponent table"
+      "checkInButton checkInButton";
+    grid-template-columns: 1fr auto;
     grid-template-rows: auto auto;
     row-gap: 0.5rem;
     column-gap: 1rem;
@@ -56,6 +57,7 @@
 
     &_CheckInButton {
       grid-area: checkInButton;
+      margin-top: 1rem;
     }
   }
 
diff --git a/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.tsx b/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.tsx
index f653bb89..6b76880b 100644
--- a/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.tsx
+++ b/src/pages/DashboardPage/components/ActiveTournament/ActiveTournament.tsx
@@ -1,6 +1,6 @@
 import { generatePath, useNavigate } from 'react-router-dom';
 import clsx from 'clsx';
-import { ChevronRight, Plus } from 'lucide-react';
+import { ChevronRight } from 'lucide-react';
 
 import {
   Tournament,
@@ -8,7 +8,6 @@ import {
   TournamentPairing,
 } from '~/api';
 import { useAuth } from '~/components/AuthProvider';
-import { CheckInMatchDialog } from '~/components/CheckInMatchDialog';
 import { Button } from '~/components/generic/Button';
 import { Separator } from '~/components/generic/Separator';
 import { IdentityBadge } from '~/components/IdentityBadge';
@@ -47,6 +46,12 @@ export const ActiveTournament = ({
   const handleViewMore = (): void => {
     navigate(generatePath(PATHS.tournamentDetails, { id: tournament._id }));
   };
+  const handleViewMatchResults = (): void => {
+    if (!pairing) {
+      return;
+    }
+    navigate(generatePath(PATHS.tournamentPairingDetails, { id: pairing._id }));
+  };
 
   const isOrganizer = user && tournament && tournament.organizerUserIds.includes(user._id);
   const showTimer = tournament && tournament.currentRound !== undefined;
@@ -68,31 +73,32 @@ export const ActiveTournament = ({
         </Header>
         {showTimer && (
           <>
-            <TournamentTimer className={styles.ActiveTournamentCard_Timer} />
+            <TournamentTimer className={styles.ActiveTournament_Timer} />
             <Separator />
           </>
         )}
         {showOpponent && (
           <>
-            <div className={styles.ActiveTournamentCard_OpponentSection}>
-              <h3 className={styles.ActiveTournamentCard_OpponentSection_OpponentLabel}>
+            <div className={styles.ActiveTournament_OpponentSection}>
+              <h3 className={styles.ActiveTournament_OpponentSection_OpponentLabel}>
                 {tournament.currentRound !== undefined ? 'Current Opponent' : 'Next Opponent'}
               </h3>
               <IdentityBadge
-                className={styles.ActiveTournamentCard_OpponentSection_Opponent}
+                className={styles.ActiveTournament_OpponentSection_Opponent}
                 competitor={opponent}
               />
-              <h3 className={styles.ActiveTournamentCard_OpponentSection_TableLabel}>
+              <h3 className={styles.ActiveTournament_OpponentSection_TableLabel}>
                 Table
               </h3>
-              <span className={styles.ActiveTournamentCard_OpponentSection_Table}>
+              <span className={styles.ActiveTournament_OpponentSection_Table}>
                 {(pairing?.table ?? 0) + 1}
               </span>
-              <CheckInMatchDialog tournamentPairingId={pairing._id}>
-                <Button className={styles.ActiveTournamentCard_OpponentSection_CheckInButton}>
-                  <Plus /> Add Match Result
-                </Button>
-              </CheckInMatchDialog>
+              <Button
+                className={styles.ActiveTournament_OpponentSection_CheckInButton}
+                onClick={handleViewMatchResults}
+              >
+                Match Results <ChevronRight />
+              </Button>
             </div>
             <Separator />
           </>
diff --git a/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.tsx b/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.tsx
index 22eb0c02..1b0dfc35 100644
--- a/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.tsx
+++ b/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.tsx
@@ -1,4 +1,5 @@
 import { ReactElement, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import clsx from 'clsx';
 import { Zap } from 'lucide-react';
 
@@ -21,6 +22,7 @@ export interface TournamentPairingsCardProps {
 export const TournamentPairingsCard = ({
   className,
 }: TournamentPairingsCardProps): JSX.Element => {
+  const navigate = useNavigate();
   const { _id: tournamentId, lastRound, roundCount } = useTournament();
   const actions = useTournamentActions();
 
@@ -34,7 +36,7 @@ export const TournamentPairingsCard = ({
     round,
   });
 
-  const columns = getTournamentPairingTableConfig();
+  const columns = getTournamentPairingTableConfig(navigate);
   const rows = (tournamentPairings || []);
 
   const showEmptyState = !loading && !rows.length;
diff --git a/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.utils.tsx b/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.utils.tsx
index b7225739..700033e9 100644
--- a/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.utils.tsx
+++ b/src/pages/TournamentDetailPage/components/TournamentPairingsCard/TournamentPairingsCard.utils.tsx
@@ -1,16 +1,19 @@
-import { Swords } from 'lucide-react';
+import { generatePath, NavigateFunction } from 'react-router-dom';
+import { ChevronRight, Swords } from 'lucide-react';
 
 import { TournamentPairing } from '~/api';
+import { Button } from '~/components/generic/Button';
 import { CircularProgress } from '~/components/generic/CircularProgress';
 import { InfoPopover } from '~/components/generic/InfoPopover';
 import { ColumnDef } from '~/components/generic/Table';
 import { TournamentPairingRow } from '~/components/TournamentPairingRow';
+import { PATHS } from '~/settings';
 
 import styles from './TournamentPairingsCard.module.scss';
 
 const matchIndicatorSize = 40; // 2.5rem
 
-export const getTournamentPairingTableConfig = (): ColumnDef<TournamentPairing>[] => [
+export const getTournamentPairingTableConfig = (navigate: NavigateFunction): ColumnDef<TournamentPairing>[] => [
   {
     key: 'table',
     label: 'Table',
@@ -48,4 +51,18 @@ export const getTournamentPairingTableConfig = (): ColumnDef<TournamentPairing>[
       </InfoPopover>
     ),
   },
+  {
+    key: 'viewPairing',
+    width: matchIndicatorSize,
+    align: 'center',
+    renderCell: ({ _id }) => (
+      <Button
+        variant="secondary"
+        onClick={() => navigate(generatePath(PATHS.tournamentPairingDetails, { id: _id }))}
+      >
+        <ChevronRight />
+      </Button>
+    ),
+    renderHeader: () => null,
+  },
 ];
diff --git a/src/pages/TournamentPairingDetailPage/TournamentPairingDetailPage.module.scss b/src/pages/TournamentPairingDetailPage/TournamentPairingDetailPage.module.scss
new file mode 100644
index 00000000..ab694245
--- /dev/null
+++ b/src/pages/TournamentPairingDetailPage/TournamentPairingDetailPage.module.scss
@@ -0,0 +1,22 @@
+@use "/src/style/flex";
+@use "/src/style/text";
+@use "/src/style/variables";
+@use "/src/style/corners";
+@use "/src/style/variants";
+@use "/src/style/shadows";
+@use "/src/style/borders";
+
+.TournamentPairingDetailPage {
+  @include flex.column;
+
+  &_Details {
+    @include variants.card;
+    @include flex.column;
+
+    padding: var(--container-padding-x);
+  }
+
+  &_MatchResults {
+    @include flex.column;
+  }
+}
diff --git a/src/pages/TournamentPairingDetailPage/TournamentPairingDetailPage.tsx b/src/pages/TournamentPairingDetailPage/TournamentPairingDetailPage.tsx
new file mode 100644
index 00000000..83fd3c7d
--- /dev/null
+++ b/src/pages/TournamentPairingDetailPage/TournamentPairingDetailPage.tsx
@@ -0,0 +1,76 @@
+import { useParams } from 'react-router-dom';
+import { Plus } from 'lucide-react';
+
+import { TournamentPairingId } from '~/api';
+import { useAuth } from '~/components/AuthProvider';
+import { Button } from '~/components/generic/Button';
+import { Spinner } from '~/components/generic/Spinner';
+import { MatchResultCard } from '~/components/MatchResultCard';
+import { MatchResultCreateDialog, useMatchResultCreateDialog } from '~/components/MatchResultCreateDialog';
+import { PageWrapper } from '~/components/PageWrapper';
+import { TournamentPairingRow } from '~/components/TournamentPairingRow';
+import { useGetMatchResultsByTournamentPairing } from '~/services/matchResults';
+import { useGetTournamentPairing } from '~/services/tournamentPairings';
+import { useGetTournament } from '~/services/tournaments';
+
+import styles from './TournamentPairingDetailPage.module.scss';
+
+export const TournamentPairingDetailPage = (): JSX.Element => {
+  const user = useAuth();
+  const params = useParams();
+  const tournamentPairingId = params.id! as TournamentPairingId; // Must exist or else how did we get to this route?
+
+  const { data: tournamentPairing, loading: tournamentPairingLoading } = useGetTournamentPairing({ id: tournamentPairingId });
+  const { data: tournament, loading: tournamentLoading } = useGetTournament(tournamentPairing ? {
+    id: tournamentPairing.tournamentId,
+  } : 'skip');
+  const { data: matchResults, loading: matchResultsLoading } = useGetMatchResultsByTournamentPairing({
+    tournamentPairingId: tournamentPairingId,
+  });
+
+  const { open: openMatchResultCreateDialog } = useMatchResultCreateDialog();
+
+  const showLoading = !tournamentPairing || tournamentPairingLoading || matchResultsLoading || tournamentLoading;
+
+  const isPlayer = user && tournamentPairing?.playerUserIds.includes(user._id);
+  const isOrganizer = user && tournament?.organizerUserIds.includes(user._id);
+  const isComplete = tournamentPairing && tournamentPairing.matchResultsProgress.submitted === tournamentPairing?.matchResultsProgress.required;
+  const showAddMatchResult = (isPlayer || isOrganizer) && !isComplete;
+
+  return (
+    <PageWrapper
+      showBackButton
+      maxWidth={540}
+      title="Pairing Details"
+      footer={showAddMatchResult ? (
+        <div>
+          <Button onClick={() => openMatchResultCreateDialog({ tournamentPairingId })}>
+            <Plus />Add Match Result
+          </Button>
+        </div>
+      ) : null}
+    >
+      <div className={styles.TournamentPairingDetailPage}>
+        {showLoading ? (
+          <Spinner />
+        ) : (
+          <>
+            <div className={styles.TournamentPairingDetailPage_Details}>
+              <TournamentPairingRow pairing={tournamentPairing} />
+              <p>
+                {`Submitted Match Results: ${tournamentPairing.matchResultsProgress.submitted}/${tournamentPairing.matchResultsProgress.required}`}
+              </p>
+            </div>
+
+            <div className={styles.TournamentPairingDetailPage_MatchResults}>
+              {(matchResults ?? []).map((matchResult) => (
+                <MatchResultCard key={matchResult._id} matchResult={matchResult} />
+              ))}
+            </div>
+          </>
+        )}
+      </div>
+      <MatchResultCreateDialog />
+    </PageWrapper>
+  );
+};
diff --git a/src/pages/TournamentPairingDetailPage/index.ts b/src/pages/TournamentPairingDetailPage/index.ts
new file mode 100644
index 00000000..a41f48d9
--- /dev/null
+++ b/src/pages/TournamentPairingDetailPage/index.ts
@@ -0,0 +1 @@
+export { TournamentPairingDetailPage } from './TournamentPairingDetailPage';
diff --git a/src/routes.tsx b/src/routes.tsx
index 6783efd6..9d681eee 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -28,6 +28,7 @@ import {
 import { TournamentCreatePage } from '~/pages/TournamentCreatePage';
 import { TournamentDetailPage } from '~/pages/TournamentDetailPage';
 import { TournamentEditPage } from '~/pages/TournamentEditPage/TournamentEditPage';
+import { TournamentPairingDetailPage } from '~/pages/TournamentPairingDetailPage';
 import { TournamentPairingsPage } from '~/pages/TournamentPairingsPage';
 import { TournamentsPage } from '~/pages/TournamentsPage';
 import { PATHS } from '~/settings';
@@ -137,6 +138,11 @@ export const routes = [
     visibility: [],
     element: <TournamentPairingsPage />,
   },
+  {
+    path: PATHS.tournamentPairingDetails,
+    visibility: [],
+    element: <TournamentPairingDetailPage />,
+  },
   {
     path: PATHS.tournamentEdit,
     visibility: [],
diff --git a/src/settings.ts b/src/settings.ts
index 700a206d..728b76e6 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -21,4 +21,5 @@ export const PATHS = {
   tournamentEdit: '/tournaments/:id/edit',
   tournamentPairings: '/tournaments/:id/pairings',
   tournaments: '/tournaments',
+  tournamentPairingDetails: '/pairings/:id',
 } as const;