diff --git a/frontend/src/components/RecordsList.tsx b/frontend/src/components/RecordsList.tsx
index 32993078..238846f8 100644
--- a/frontend/src/components/RecordsList.tsx
+++ b/frontend/src/components/RecordsList.tsx
@@ -3,7 +3,7 @@ import { Button, Container, Modal } from "react-bootstrap";
 import { Dispatch, SetStateAction, useCallback, useMemo, useRef } from "react";
 import { useNavigate } from "react-router-dom";
 import { DownloadModal } from "./DownloadModal";
-import { buildTsvString } from "../utils/buildTsvString";
+import { buildTsvString } from "../utils/stringBuilders";
 import { AgGridReact } from "ag-grid-react";
 import { useState } from "react";
 import styles from "./records.module.scss";
@@ -26,6 +26,8 @@ import {
 import { PatientIdsTriplet } from "../pages/patients/PatientsPage";
 import { ErrorMessage, LoadingSpinner, Toolbar } from "../shared/tableElements";
 import { AgGridReact as AgGridReactType } from "ag-grid-react/lib/agGridReact";
+import { BreadCrumb } from "../shared/components/BreadCrumb";
+import { PageHeader } from "../shared/components/PageHeader";
 
 interface IRecordsListProps {
   colDefs: ColDef[];
@@ -50,7 +52,7 @@ interface IRecordsListProps {
   showDownloadModal: boolean;
   setShowDownloadModal: Dispatch<SetStateAction<boolean>>;
   handleDownload: () => void;
-  samplesQueryParam: string | undefined;
+  samplesQueryParam: string | undefined | any; // TODO
   prepareSamplesDataForAgGrid?: (samples: Sample[]) => any[];
   samplesColDefs: ColDef[];
   samplesParentWhereVariables: SampleWhere;
@@ -189,6 +191,9 @@ export default function RecordsList({
 
   return (
     <Container fluid>
+      <BreadCrumb currPageTitle={dataName} />
+      <PageHeader title={dataName} />
+
       {showDownloadModal && (
         <DownloadModal
           loader={async () => {
@@ -261,9 +266,7 @@ export default function RecordsList({
         <AutoSizer>
           {({ height, width }) => (
             <Modal show={true} dialogClassName="modal-90w" onHide={handleClose}>
-              <Modal.Header closeButton>
-                <Modal.Title>{`Viewing ${samplesQueryParam}`}</Modal.Title>
-              </Modal.Header>
+              <Modal.Header closeButton />
               <Modal.Body>
                 <div className={styles.popupHeight}>
                   <SamplesList
diff --git a/frontend/src/components/SamplesList.tsx b/frontend/src/components/SamplesList.tsx
index 8ab38e49..bae37921 100644
--- a/frontend/src/components/SamplesList.tsx
+++ b/frontend/src/components/SamplesList.tsx
@@ -5,16 +5,17 @@ import {
   useFindSamplesByInputValueQuery,
 } from "../generated/graphql";
 import AutoSizer from "react-virtualized-auto-sizer";
-import { Button, Col } from "react-bootstrap";
-import { Dispatch, SetStateAction, useEffect, useRef } from "react";
+import { Button, Col, Container } from "react-bootstrap";
+import { Dispatch, SetStateAction, useEffect, useMemo, useRef } from "react";
 import { DownloadModal } from "./DownloadModal";
 import { UpdateModal } from "./UpdateModal";
 import { AlertModal } from "./AlertModal";
-import { buildTsvString } from "../utils/buildTsvString";
+import { buildTsvString } from "../utils/stringBuilders";
 import {
   SampleChange,
   SampleMetadataExtended,
   defaultColDef,
+  getSamplePopupParamId,
   handleSearch,
   isValidCostCenter,
 } from "../shared/helpers";
@@ -29,6 +30,9 @@ import { ErrorMessage, LoadingSpinner, Toolbar } from "../shared/tableElements";
 import styles from "./records.module.scss";
 import { getUserEmail } from "../utils/getUserEmail";
 import { openLoginPopup } from "../utils/openLoginPopup";
+import { PageHeader } from "../shared/components/PageHeader";
+import { BreadCrumb } from "../shared/components/BreadCrumb";
+import { useParams } from "react-router-dom";
 
 const POLLING_INTERVAL = 2000;
 const max_rows = 500;
@@ -105,6 +109,7 @@ export default function SamplesList({
   const [rowCount, setRowCount] = useState(0);
 
   const gridRef = useRef<AgGridReactType>(null);
+  const params = useParams();
 
   useEffect(() => {
     gridRef.current?.api?.showLoadingOverlay();
@@ -123,12 +128,23 @@ export default function SamplesList({
     setRowCount(data?.samplesConnection.edges.length || 0);
   }, [data]);
 
+  const samples = data?.samplesConnection?.edges.map((e) => e.node) as Sample[];
+
+  const popupPageHeader = useMemo(() => {
+    if (parentWhereVariables && samples && params) {
+      return getSamplePopupParamId(
+        parentWhereVariables,
+        samples,
+        Object.values(params)?.[0]!
+      );
+    }
+    return undefined;
+  }, [parentWhereVariables, params, samples]);
+
   if (loading) return <LoadingSpinner />;
 
   if (error) return <ErrorMessage error={error} />;
 
-  const samples = data!.samplesConnection.edges.map((e) => e.node) as Sample[];
-
   async function onCellValueChanged(params: CellValueChangedEvent) {
     if (!editMode) return;
 
@@ -243,6 +259,13 @@ export default function SamplesList({
 
   return (
     <>
+      <Container fluid>
+        {!parentWhereVariables && <BreadCrumb currPageTitle="samples" />}
+        <PageHeader
+          title={[popupPageHeader, "samples"].filter(Boolean).join(" ")}
+        />
+      </Container>
+
       {showDownloadModal && (
         <DownloadModal
           loader={() => {
@@ -253,7 +276,9 @@ export default function SamplesList({
           onComplete={() => {
             setShowDownloadModal(false);
           }}
-          exportFileName={exportFileName || "samples.tsv"}
+          exportFileName={[popupPageHeader, "samples.tsv"]
+            .filter(Boolean)
+            .join("_")}
         />
       )}
 
@@ -323,7 +348,11 @@ export default function SamplesList({
       <AutoSizer>
         {({ width }) => (
           <div
-            className={`ag-theme-alpine ${styles.tableHeight}`}
+            className={`ag-theme-alpine ${
+              parentWhereVariables
+                ? styles.popupTableHeight
+                : styles.tableHeight
+            }`}
             style={{ width: width }}
           >
             <AgGridReact<SampleMetadataExtended>
diff --git a/frontend/src/components/records.module.scss b/frontend/src/components/records.module.scss
index 787a829a..4ad9350e 100644
--- a/frontend/src/components/records.module.scss
+++ b/frontend/src/components/records.module.scss
@@ -17,3 +17,7 @@
 .popupHeight {
   height: calc(100vh - 180px);
 }
+
+.popupTableHeight {
+  height: calc(100vh - 270px);
+}
diff --git a/frontend/src/generated/graphql.ts b/frontend/src/generated/graphql.ts
index b0b41aa2..bf60b6fd 100644
--- a/frontend/src/generated/graphql.ts
+++ b/frontend/src/generated/graphql.ts
@@ -12431,7 +12431,17 @@ export type FindSamplesByInputValueQuery = {
           __typename?: "SamplePatientsHasSampleConnection";
           edges: Array<{
             __typename?: "SamplePatientsHasSampleRelationship";
-            node: { __typename?: "Patient"; smilePatientId: string };
+            node: {
+              __typename?: "Patient";
+              smilePatientId: string;
+              cmoPatientId?: string | null;
+              dmpPatientId?: string | null;
+              patientAliasesIsAlias: Array<{
+                __typename?: "PatientAlias";
+                namespace: string;
+                value: string;
+              }>;
+            };
           }>;
         };
         cohortsHasCohortSampleConnection: {
@@ -12988,6 +12998,12 @@ export const FindSamplesByInputValueDocument = gql`
             edges {
               node {
                 smilePatientId
+                cmoPatientId
+                dmpPatientId
+                patientAliasesIsAlias {
+                  namespace
+                  value
+                }
               }
             }
           }
diff --git a/frontend/src/pages/cohorts/CohortsPage.tsx b/frontend/src/pages/cohorts/CohortsPage.tsx
index 98dbd8dd..050a7adf 100644
--- a/frontend/src/pages/cohorts/CohortsPage.tsx
+++ b/frontend/src/pages/cohorts/CohortsPage.tsx
@@ -16,7 +16,6 @@ import {
 } from "../../shared/helpers";
 import RecordsList from "../../components/RecordsList";
 import { useParams } from "react-router-dom";
-import { PageHeader } from "../../shared/components/PageHeader";
 
 function cohortFilterWhereVariables(parsedSearchVals: string[]): CohortWhere[] {
   if (parsedSearchVals.length > 1) {
@@ -147,61 +146,57 @@ export default function CohortsPage({
   const defaultSort = [{ initialCohortDeliveryDate: SortDirection.Desc }];
 
   return (
-    <>
-      <PageHeader dataName={dataName} />
-
-      <RecordsList
-        colDefs={CohortsListColumns}
-        dataName={dataName}
-        enableInfiniteScroll={false}
-        lazyRecordsQuery={useCohortsListLazyQuery}
-        lazyRecordsQueryAddlVariables={
-          {
-            hasCohortCompleteCohortCompletesOptions2: {
-              sort: [{ date: SortDirection.Desc }],
-            },
-          } as CohortCompleteOptions
-        }
-        prepareDataForAgGrid={prepareCohortDataForAgGrid}
-        queryFilterWhereVariables={cohortFilterWhereVariables}
-        defaultSort={defaultSort}
-        userSearchVal={userSearchVal}
-        setUserSearchVal={setUserSearchVal}
-        parsedSearchVals={parsedSearchVals}
-        setParsedSearchVals={setParsedSearchVals}
-        handleSearch={() => handleSearch(userSearchVal, setParsedSearchVals)}
-        showDownloadModal={showDownloadModal}
-        setShowDownloadModal={setShowDownloadModal}
-        handleDownload={() => setShowDownloadModal(true)}
-        samplesColDefs={CohortSampleDetailsColumns}
-        samplesQueryParam={
-          sampleQueryParamValue &&
-          `${sampleQueryParamHeaderName} ${sampleQueryParamValue}`
-        }
-        prepareSamplesDataForAgGrid={prepareSampleCohortDataForAgGrid}
-        samplesParentWhereVariables={
-          {
-            cohortsHasCohortSampleConnection_SOME: {
-              node: {
-                [sampleQueryParamFieldName]: sampleQueryParamValue,
-              },
+    <RecordsList
+      colDefs={CohortsListColumns}
+      dataName={dataName}
+      enableInfiniteScroll={false}
+      lazyRecordsQuery={useCohortsListLazyQuery}
+      lazyRecordsQueryAddlVariables={
+        {
+          hasCohortCompleteCohortCompletesOptions2: {
+            sort: [{ date: SortDirection.Desc }],
+          },
+        } as CohortCompleteOptions
+      }
+      prepareDataForAgGrid={prepareCohortDataForAgGrid}
+      queryFilterWhereVariables={cohortFilterWhereVariables}
+      defaultSort={defaultSort}
+      userSearchVal={userSearchVal}
+      setUserSearchVal={setUserSearchVal}
+      parsedSearchVals={parsedSearchVals}
+      setParsedSearchVals={setParsedSearchVals}
+      handleSearch={() => handleSearch(userSearchVal, setParsedSearchVals)}
+      showDownloadModal={showDownloadModal}
+      setShowDownloadModal={setShowDownloadModal}
+      handleDownload={() => setShowDownloadModal(true)}
+      samplesColDefs={CohortSampleDetailsColumns}
+      samplesQueryParam={
+        sampleQueryParamValue &&
+        `${sampleQueryParamHeaderName} ${sampleQueryParamValue}`
+      }
+      prepareSamplesDataForAgGrid={prepareSampleCohortDataForAgGrid}
+      samplesParentWhereVariables={
+        {
+          cohortsHasCohortSampleConnection_SOME: {
+            node: {
+              [sampleQueryParamFieldName]: sampleQueryParamValue,
             },
-          } as SampleWhere
-        }
-        samplesRefetchWhereVariables={(samplesParsedSearchVals) => {
-          return {
-            cohortsHasCohortSampleConnection_SOME: {
-              node: {
-                [sampleQueryParamFieldName]: sampleQueryParamValue,
-              },
+          },
+        } as SampleWhere
+      }
+      samplesRefetchWhereVariables={(samplesParsedSearchVals) => {
+        return {
+          cohortsHasCohortSampleConnection_SOME: {
+            node: {
+              [sampleQueryParamFieldName]: sampleQueryParamValue,
             },
-            OR: cohortSampleFilterWhereVariables(samplesParsedSearchVals),
-          } as SampleWhere;
-        }}
-        sampleKeyForUpdate={sampleKeyForUpdate}
-        userEmail={userEmail}
-        setUserEmail={setUserEmail}
-      />
-    </>
+          },
+          OR: cohortSampleFilterWhereVariables(samplesParsedSearchVals),
+        } as SampleWhere;
+      }}
+      sampleKeyForUpdate={sampleKeyForUpdate}
+      userEmail={userEmail}
+      setUserEmail={setUserEmail}
+    />
   );
 }
diff --git a/frontend/src/pages/patients/PatientsPage.tsx b/frontend/src/pages/patients/PatientsPage.tsx
index 273ac093..95b4bde4 100644
--- a/frontend/src/pages/patients/PatientsPage.tsx
+++ b/frontend/src/pages/patients/PatientsPage.tsx
@@ -8,7 +8,6 @@ import {
 import { Dispatch, SetStateAction, useEffect, useMemo, useState } from "react";
 import RecordsList from "../../components/RecordsList";
 import { useParams } from "react-router-dom";
-import { PageHeader } from "../../shared/components/PageHeader";
 import { Col, Form } from "react-bootstrap";
 import { AlertModal } from "../../components/AlertModal";
 import { Tooltip } from "@material-ui/core";
@@ -241,12 +240,11 @@ export default function PatientsPage({
 
   const dataName = "patients";
   const sampleQueryParamFieldName = "smilePatientId";
+  const sampleQueryParamHeaderName = "Patient";
   const sampleQueryParamValue = params[sampleQueryParamFieldName];
 
   return (
     <>
-      <PageHeader dataName={dataName} />
-
       <RecordsList
         colDefs={ActivePatientsListColumns}
         dataName={dataName}
@@ -269,7 +267,10 @@ export default function PatientsPage({
           setShowDownloadModal(true);
         }}
         samplesColDefs={SampleMetadataDetailsColumns}
-        samplesQueryParam={sampleQueryParamValue && "Patient"}
+        samplesQueryParam={
+          sampleQueryParamValue &&
+          `${sampleQueryParamHeaderName} ${sampleQueryParamValue}`
+        }
         samplesParentWhereVariables={
           {
             OR: [
diff --git a/frontend/src/pages/requests/RequestsPage.tsx b/frontend/src/pages/requests/RequestsPage.tsx
index 5fa60c2e..8b792b41 100644
--- a/frontend/src/pages/requests/RequestsPage.tsx
+++ b/frontend/src/pages/requests/RequestsPage.tsx
@@ -14,7 +14,6 @@ import {
 } from "../../shared/helpers";
 import RecordsList from "../../components/RecordsList";
 import { useParams } from "react-router-dom";
-import { PageHeader } from "../../shared/components/PageHeader";
 
 function requestFilterWhereVariables(
   parsedSearchVals: string[]
@@ -73,49 +72,45 @@ export default function RequestsPage() {
   const defaultSort = [{ importDate: SortDirection.Desc }];
 
   return (
-    <>
-      <PageHeader dataName={dataName} />
-
-      <RecordsList
-        colDefs={RequestsListColumns}
-        dataName={dataName}
-        lazyRecordsQuery={useRequestsListLazyQuery}
-        queryFilterWhereVariables={requestFilterWhereVariables}
-        defaultSort={defaultSort}
-        userSearchVal={userSearchVal}
-        setUserSearchVal={setUserSearchVal}
-        parsedSearchVals={parsedSearchVals}
-        setParsedSearchVals={setParsedSearchVals}
-        handleSearch={() => handleSearch(userSearchVal, setParsedSearchVals)}
-        showDownloadModal={showDownloadModal}
-        setShowDownloadModal={setShowDownloadModal}
-        handleDownload={() => setShowDownloadModal(true)}
-        samplesColDefs={SampleMetadataDetailsColumns}
-        samplesQueryParam={
-          sampleQueryParamValue &&
-          `${sampleQueryParamHeaderName} ${sampleQueryParamValue}`
-        }
-        prepareSamplesDataForAgGrid={prepareSampleMetadataForAgGrid}
-        samplesParentWhereVariables={
-          {
-            hasMetadataSampleMetadata_SOME: {
-              [sampleQueryParamFieldName]: sampleQueryParamValue,
-            },
-          } as SampleWhere
-        }
-        samplesRefetchWhereVariables={(sampleParsedSearchVals) => {
-          return {
-            hasMetadataSampleMetadata_SOME: {
-              OR: sampleFilterWhereVariables(sampleParsedSearchVals),
-              ...(sampleQueryParamValue
-                ? {
-                    [sampleQueryParamFieldName]: sampleQueryParamValue,
-                  }
-                : {}),
-            },
-          } as SampleWhere;
-        }}
-      />
-    </>
+    <RecordsList
+      colDefs={RequestsListColumns}
+      dataName={dataName}
+      lazyRecordsQuery={useRequestsListLazyQuery}
+      queryFilterWhereVariables={requestFilterWhereVariables}
+      defaultSort={defaultSort}
+      userSearchVal={userSearchVal}
+      setUserSearchVal={setUserSearchVal}
+      parsedSearchVals={parsedSearchVals}
+      setParsedSearchVals={setParsedSearchVals}
+      handleSearch={() => handleSearch(userSearchVal, setParsedSearchVals)}
+      showDownloadModal={showDownloadModal}
+      setShowDownloadModal={setShowDownloadModal}
+      handleDownload={() => setShowDownloadModal(true)}
+      samplesColDefs={SampleMetadataDetailsColumns}
+      samplesQueryParam={
+        sampleQueryParamValue &&
+        `${sampleQueryParamHeaderName} ${sampleQueryParamValue}`
+      }
+      prepareSamplesDataForAgGrid={prepareSampleMetadataForAgGrid}
+      samplesParentWhereVariables={
+        {
+          hasMetadataSampleMetadata_SOME: {
+            [sampleQueryParamFieldName]: sampleQueryParamValue,
+          },
+        } as SampleWhere
+      }
+      samplesRefetchWhereVariables={(sampleParsedSearchVals) => {
+        return {
+          hasMetadataSampleMetadata_SOME: {
+            OR: sampleFilterWhereVariables(sampleParsedSearchVals),
+            ...(sampleQueryParamValue
+              ? {
+                  [sampleQueryParamFieldName]: sampleQueryParamValue,
+                }
+              : {}),
+          },
+        } as SampleWhere;
+      }}
+    />
   );
 }
diff --git a/frontend/src/pages/samples/SamplesPage.tsx b/frontend/src/pages/samples/SamplesPage.tsx
index 8022c39c..ed9d0058 100644
--- a/frontend/src/pages/samples/SamplesPage.tsx
+++ b/frontend/src/pages/samples/SamplesPage.tsx
@@ -1,4 +1,3 @@
-import { PageHeader } from "../../shared/components/PageHeader";
 import SamplesList from "../../components/SamplesList";
 import {
   ReadOnlyCohortSampleDetailsColumns,
@@ -17,51 +16,47 @@ export default function SamplesPage() {
   const [columnDefs, setColumnDefs] = useState(combinedSampleDetailsColumns);
 
   return (
-    <>
-      <PageHeader dataName={"samples"} />
-
-      <SamplesList
-        columnDefs={columnDefs}
-        prepareDataForAgGrid={prepareCombinedSampleDataForAgGrid}
-        refetchWhereVariables={(parsedSearchVals) => {
-          return {
-            OR: cohortSampleFilterWhereVariables(parsedSearchVals).concat({
-              hasMetadataSampleMetadata_SOME: {
-                OR: sampleFilterWhereVariables(parsedSearchVals),
-              },
-            }),
-          } as SampleWhere;
-        }}
-        customToolbarUI={
-          <>
-            <InfoToolTip>
-              These tabs change the fields displayed in the table below. "View
-              All" shows all fields, including both SampleMetadata and Tempo
-              fields.
-            </InfoToolTip>{" "}
-            <Button
-              onClick={() => {
-                setColumnDefs(combinedSampleDetailsColumns);
-              }}
-              size="sm"
-              variant="outline-secondary"
-              active={_.isEqual(columnDefs, combinedSampleDetailsColumns)}
-            >
-              View all columns
-            </Button>{" "}
-            <Button
-              onClick={() => {
-                setColumnDefs(ReadOnlyCohortSampleDetailsColumns);
-              }}
-              size="sm"
-              variant="outline-secondary"
-              active={_.isEqual(columnDefs, ReadOnlyCohortSampleDetailsColumns)}
-            >
-              View TEMPO columns
-            </Button>
-          </>
-        }
-      />
-    </>
+    <SamplesList
+      columnDefs={columnDefs}
+      prepareDataForAgGrid={prepareCombinedSampleDataForAgGrid}
+      refetchWhereVariables={(parsedSearchVals) => {
+        return {
+          OR: cohortSampleFilterWhereVariables(parsedSearchVals).concat({
+            hasMetadataSampleMetadata_SOME: {
+              OR: sampleFilterWhereVariables(parsedSearchVals),
+            },
+          }),
+        } as SampleWhere;
+      }}
+      customToolbarUI={
+        <>
+          <InfoToolTip>
+            These tabs change the fields displayed in the table below. "View
+            All" shows all fields, including both SampleMetadata and Tempo
+            fields.
+          </InfoToolTip>{" "}
+          <Button
+            onClick={() => {
+              setColumnDefs(combinedSampleDetailsColumns);
+            }}
+            size="sm"
+            variant="outline-secondary"
+            active={_.isEqual(columnDefs, combinedSampleDetailsColumns)}
+          >
+            View all columns
+          </Button>{" "}
+          <Button
+            onClick={() => {
+              setColumnDefs(ReadOnlyCohortSampleDetailsColumns);
+            }}
+            size="sm"
+            variant="outline-secondary"
+            active={_.isEqual(columnDefs, ReadOnlyCohortSampleDetailsColumns)}
+          >
+            View TEMPO columns
+          </Button>
+        </>
+      }
+    />
   );
 }
diff --git a/frontend/src/shared/components/BreadCrumb.tsx b/frontend/src/shared/components/BreadCrumb.tsx
new file mode 100644
index 00000000..5910a484
--- /dev/null
+++ b/frontend/src/shared/components/BreadCrumb.tsx
@@ -0,0 +1,24 @@
+import { Col, Row } from "react-bootstrap";
+import { NavLink } from "react-router-dom";
+import { buildSentenceCaseString } from "../../utils/stringBuilders";
+
+export function BreadCrumb({ currPageTitle }: { currPageTitle: string }) {
+  return (
+    <Row>
+      <Col>
+        <nav>
+          <ol className="breadcrumb">
+            <li className="breadcrumb-item">
+              <a href="/">Home</a>
+            </li>
+            <li className="breadcrumb-item active">
+              <NavLink to={`/${currPageTitle}`}>
+                {buildSentenceCaseString(currPageTitle)}
+              </NavLink>
+            </li>
+          </ol>
+        </nav>
+      </Col>
+    </Row>
+  );
+}
diff --git a/frontend/src/shared/components/PageHeader.tsx b/frontend/src/shared/components/PageHeader.tsx
index 341a4e14..d635b45f 100644
--- a/frontend/src/shared/components/PageHeader.tsx
+++ b/frontend/src/shared/components/PageHeader.tsx
@@ -1,27 +1,12 @@
-import { Col, Container, Row } from "react-bootstrap";
-import { NavLink } from "react-router-dom";
-
-export function PageHeader({ dataName }: { dataName: string }) {
-  const pageTitle =
-    dataName.charAt(0).toUpperCase() + dataName.slice(1).toLowerCase();
+import { Col, Row } from "react-bootstrap";
+import { buildSentenceCaseString } from "../../utils/stringBuilders";
 
+export function PageHeader({ title }: { title: string }) {
   return (
-    <Container fluid>
-      <Row className="pagetitle">
-        <Col>
-          <nav>
-            <ol className="breadcrumb">
-              <li className="breadcrumb-item">
-                <a href="/">Home</a>
-              </li>
-              <li className="breadcrumb-item active">
-                <NavLink to={`/${dataName}`}>{pageTitle}</NavLink>
-              </li>
-            </ol>
-          </nav>
-          <h1>{pageTitle}</h1>
-        </Col>
-      </Row>
-    </Container>
+    <Row className="pagetitle">
+      <Col>
+        <h1>{buildSentenceCaseString(title)}</h1>
+      </Col>
+    </Row>
   );
 }
diff --git a/frontend/src/shared/helpers.tsx b/frontend/src/shared/helpers.tsx
index 3768d304..b1dbc8ad 100644
--- a/frontend/src/shared/helpers.tsx
+++ b/frontend/src/shared/helpers.tsx
@@ -1084,3 +1084,26 @@ export function isValidCostCenter(costCenter: string): boolean {
   const validCostCenter = new RegExp("^\\d{5}/\\d{5}$");
   return validCostCenter.test(costCenter);
 }
+
+export function getSamplePopupParamId(
+  parentWhereVariables: SampleWhere,
+  samples: Sample[],
+  paramId: string
+) {
+  if (parentWhereVariables.OR?.[0].patientsHasSampleConnection_SOME) {
+    console.log(samples);
+    const patient = samples[0].patientsHasSampleConnection?.edges?.[0]?.node;
+
+    const cmoPatientId = patient.patientAliasesIsAlias.find(
+      (patientAlias) => patientAlias.namespace === "cmoId"
+    )?.value;
+    if (cmoPatientId) return cmoPatientId;
+
+    const dmpPatientId = patient.patientAliasesIsAlias.find(
+      (patientAlias) => patientAlias.namespace === "dmpId"
+    )?.value;
+    if (dmpPatientId) return dmpPatientId;
+  }
+
+  return paramId;
+}
diff --git a/frontend/src/utils/buildTsvString.ts b/frontend/src/utils/stringBuilders.ts
similarity index 87%
rename from frontend/src/utils/buildTsvString.ts
rename to frontend/src/utils/stringBuilders.ts
index 81e11d27..dde4d2c9 100644
--- a/frontend/src/utils/buildTsvString.ts
+++ b/frontend/src/utils/stringBuilders.ts
@@ -29,3 +29,7 @@ export function buildTsvString(rows: any[], colDefs: ColDef[]) {
 
   return [colHeadersAsTsvRow, ...rowsAsTsvRows].join("\n");
 }
+
+export function buildSentenceCaseString(str: string) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
diff --git a/graphql-server/src/generated/graphql.ts b/graphql-server/src/generated/graphql.ts
index 2157d64d..e67698ea 100644
--- a/graphql-server/src/generated/graphql.ts
+++ b/graphql-server/src/generated/graphql.ts
@@ -12430,7 +12430,17 @@ export type FindSamplesByInputValueQuery = {
           __typename?: "SamplePatientsHasSampleConnection";
           edges: Array<{
             __typename?: "SamplePatientsHasSampleRelationship";
-            node: { __typename?: "Patient"; smilePatientId: string };
+            node: {
+              __typename?: "Patient";
+              smilePatientId: string;
+              cmoPatientId?: string | null;
+              dmpPatientId?: string | null;
+              patientAliasesIsAlias: Array<{
+                __typename?: "PatientAlias";
+                namespace: string;
+                value: string;
+              }>;
+            };
           }>;
         };
         cohortsHasCohortSampleConnection: {
@@ -12891,6 +12901,12 @@ export const FindSamplesByInputValueDocument = gql`
             edges {
               node {
                 smilePatientId
+                cmoPatientId
+                dmpPatientId
+                patientAliasesIsAlias {
+                  namespace
+                  value
+                }
               }
             }
           }
diff --git a/graphql/operations.graphql b/graphql/operations.graphql
index 3e31a68b..26be399f 100644
--- a/graphql/operations.graphql
+++ b/graphql/operations.graphql
@@ -75,6 +75,12 @@ query FindSamplesByInputValue(
           edges {
             node {
               smilePatientId
+              cmoPatientId
+              dmpPatientId
+              patientAliasesIsAlias {
+                namespace
+                value
+              }
             }
           }
         }