diff --git a/src/explore-education-statistics-admin/src/pages/release/content/components/BasicReleaseSummary.tsx b/src/explore-education-statistics-admin/src/pages/release/content/components/BasicReleaseSummary.tsx
deleted file mode 100644
index a74ac59f7fd..00000000000
--- a/src/explore-education-statistics-admin/src/pages/release/content/components/BasicReleaseSummary.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { getReleaseApprovalStatusLabel } from '@admin/pages/release/utils/releaseSummaryUtil';
-import { EditableRelease } from '@admin/services/releaseContentService';
-import FormattedDate from '@common/components/FormattedDate';
-import { releaseTypes } from '@common/services/types/releaseType';
-import Tag from '@common/components/Tag';
-import { Dictionary } from '@common/types';
-import {
-  formatPartialDate,
-  isValidPartialDate,
-} from '@common/utils/date/partialDate';
-import { parseISO } from 'date-fns';
-import React from 'react';
-import SummaryList from '@common/components/SummaryList';
-import SummaryListItem from '@common/components/SummaryListItem';
-import ReleaseNotesSection from './ReleaseNotesSection';
-
-interface ReleaseTypeIcon {
-  url: string;
-  altText: string;
-}
-
-const nationalStatisticsLogo: ReleaseTypeIcon = {
-  url: '/assets/images/UKSA-quality-mark.jpg',
-  altText: 'UK statistics authority quality mark',
-};
-
-const releaseTypesToIcons: Dictionary<ReleaseTypeIcon> = {
-  [releaseTypes.NationalStatistics]: nationalStatisticsLogo,
-};
-
-interface Props {
-  release: EditableRelease;
-}
-
-const BasicReleaseSummary = ({ release }: Props) => {
-  const releaseDate = release.published ?? release.publishScheduled;
-  return (
-    <>
-      <div className="dfe-flex dfe-align-items--center dfe-justify-content--space-between govuk-!-margin-bottom-3">
-        <div>
-          <Tag className="govuk-!-margin-right-3 govuk-!-margin-bottom-3">
-            {getReleaseApprovalStatusLabel(release.approvalStatus)}
-          </Tag>
-          <Tag>{releaseTypes[release.type]}</Tag>
-        </div>
-        {releaseTypesToIcons[release.type] && (
-          <img
-            src={releaseTypesToIcons[release.type].url}
-            alt={releaseTypesToIcons[release.type].altText}
-            height="60"
-            width="60"
-          />
-        )}
-      </div>
-
-      <SummaryList>
-        <SummaryListItem term="Published">
-          {releaseDate ? (
-            <FormattedDate>{parseISO(releaseDate)}</FormattedDate>
-          ) : (
-            <p>TBA</p>
-          )}
-        </SummaryListItem>
-        {isValidPartialDate(release.nextReleaseDate) && (
-          <SummaryListItem term="Next update">
-            <time>{formatPartialDate(release.nextReleaseDate)}</time>
-          </SummaryListItem>
-        )}
-        <SummaryListItem term="Last updated">
-          {release.updates && release.updates.length > 0 ? (
-            <FormattedDate>release.updates[0].on</FormattedDate>
-          ) : (
-            'TBA'
-          )}
-          <ReleaseNotesSection release={release} />
-        </SummaryListItem>
-        <SummaryListItem term="Receive updates">
-          <a
-            className="govuk-!-display-none-print govuk-!-font-weight-bold"
-            href="#"
-          >
-            Sign up for email alerts
-          </a>
-        </SummaryListItem>
-      </SummaryList>
-    </>
-  );
-};
-
-export default BasicReleaseSummary;
diff --git a/src/explore-education-statistics-admin/src/pages/release/content/components/ReleaseContent.tsx b/src/explore-education-statistics-admin/src/pages/release/content/components/ReleaseContent.tsx
index 1d6c57eab3e..9b1bf9a97f3 100644
--- a/src/explore-education-statistics-admin/src/pages/release/content/components/ReleaseContent.tsx
+++ b/src/explore-education-statistics-admin/src/pages/release/content/components/ReleaseContent.tsx
@@ -4,15 +4,16 @@ import PrintThisPage from '@admin/components/PrintThisPage';
 import RouteLeavingGuard from '@admin/components/RouteLeavingGuard';
 import { useConfig } from '@admin/contexts/ConfigContext';
 import { useEditingContext } from '@admin/contexts/EditingContext';
-import BasicReleaseSummary from '@admin/pages/release/content/components/BasicReleaseSummary';
 import RelatedPagesSection from '@admin/pages/release/content/components/RelatedPagesSection';
+import ReleaseHelpAndSupportSection from '@common/modules/release/components/ReleaseHelpAndSupportSection';
 import ReleaseBlock from '@admin/pages/release/content/components/ReleaseBlock';
 import ReleaseContentAccordion from '@admin/pages/release/content/components/ReleaseContentAccordion';
 import ReleaseEditableBlock from '@admin/pages/release/content/components/ReleaseEditableBlock';
 import ReleaseHeadlines from '@admin/pages/release/content/components/ReleaseHeadlines';
-import ReleaseHelpAndSupportSection from '@admin/pages/release/content/components/ReleaseHelpAndSupportSection';
+import ReleaseNotesSection from '@admin/pages/release/content/components/ReleaseNotesSection';
 import { useReleaseContentState } from '@admin/pages/release/content/contexts/ReleaseContentContext';
 import useReleaseContentActions from '@admin/pages/release/content/contexts/useReleaseContentActions';
+import { getReleaseApprovalStatusLabel } from '@admin/pages/release/utils/releaseSummaryUtil';
 import { ReleaseRouteParams } from '@admin/routes/releaseRoutes';
 import {
   preReleaseAccessListRoute,
@@ -25,10 +26,12 @@ import ButtonText from '@common/components/ButtonText';
 import Details from '@common/components/Details';
 import PageSearchForm from '@common/components/PageSearchForm';
 import RelatedAside from '@common/components/RelatedAside';
+import ScrollableContainer from '@common/components/ScrollableContainer';
+import Tag from '@common/components/Tag';
+import ReleaseSummarySection from '@common/modules/release/components/ReleaseSummarySection';
 import ReleaseDataAndFiles from '@common/modules/release/components/ReleaseDataAndFiles';
 import React, { useCallback, useMemo } from 'react';
 import { generatePath, useLocation } from 'react-router';
-import ScrollableContainer from '@common/components/ScrollableContainer';
 
 interface MethodologyLink {
   key: string;
@@ -127,7 +130,26 @@ const ReleaseContent = () => {
 
       <div className="govuk-grid-row">
         <div className="govuk-grid-column-two-thirds">
-          <BasicReleaseSummary release={release} />
+          <ReleaseSummarySection
+            isEditing={editingMode === 'edit'}
+            lastUpdated={release.updates[0]?.on}
+            release={release}
+            releaseDate={release.published ?? release.publishScheduled}
+            renderReleaseNotes={<ReleaseNotesSection release={release} />}
+            renderStatusTags={
+              <Tag className="govuk-!-margin-right-3 govuk-!-margin-bottom-3">
+                {getReleaseApprovalStatusLabel(release.approvalStatus)}
+              </Tag>
+            }
+            renderSubscribeLink={
+              <a
+                className="govuk-!-display-none-print govuk-!-font-weight-bold"
+                href="#"
+              >
+                Sign up for email alerts
+              </a>
+            }
+          />
 
           <div id="releaseSummary">
             {release.summarySection && (
@@ -411,7 +433,23 @@ const ReleaseContent = () => {
 
       <ReleaseContentAccordion release={release} sectionName="Contents" />
 
-      <ReleaseHelpAndSupportSection release={release} />
+      <ReleaseHelpAndSupportSection
+        release={release}
+        renderExternalMethodologyLink={externalMethodology => (
+          <Link to={externalMethodology.url}>{externalMethodology.title}</Link>
+        )}
+        renderMethodologyLink={methodology => {
+          <>
+            {editingMode === 'edit' ? (
+              <a>{`${methodology.title}`}</a>
+            ) : (
+              <Link to={`/methodology/${methodology.id}/summary`}>
+                {methodology.title}
+              </Link>
+            )}
+          </>;
+        }}
+      />
       <PrintThisPage />
     </>
   );
diff --git a/src/explore-education-statistics-admin/src/pages/release/content/components/ReleaseHelpAndSupportSection.tsx b/src/explore-education-statistics-admin/src/pages/release/content/components/ReleaseHelpAndSupportSection.tsx
deleted file mode 100644
index 31e60fc8e1e..00000000000
--- a/src/explore-education-statistics-admin/src/pages/release/content/components/ReleaseHelpAndSupportSection.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import Link from '@admin/components/Link';
-import { useEditingContext } from '@admin/contexts/EditingContext';
-import { EditableRelease } from '@admin/services/releaseContentService';
-import ContactUsSection from '@common/modules/find-statistics/components/ContactUsSection';
-import NationalStatisticsSection from '@common/modules/find-statistics/components/NationalStatisticsSection';
-import OfficialStatisticsSection from '@common/modules/find-statistics/components/OfficialStatisticsSection';
-import React from 'react';
-import AdHocOfficialStatisticsSection from '@common/modules/find-statistics/components/AdHocOfficialStatisticsSection';
-import ExperimentalStatisticsSection from '@common/modules/find-statistics/components/ExperimentalStatisticsSection';
-import ManagementInformationSection from '@common/modules/find-statistics/components/ManageInformationSection';
-
-interface MethodologyLink {
-  key: string;
-  title: string;
-  url: string;
-}
-
-const ReleaseHelpAndSupportSection = ({
-  release,
-}: {
-  release: EditableRelease;
-}) => {
-  const { editingMode } = useEditingContext();
-  const { publication } = release;
-
-  const allMethodologies: MethodologyLink[] = publication.methodologies.map(
-    methodology => ({
-      key: methodology.id,
-      title: methodology.title,
-      url: `/methodology/${methodology.id}/summary`,
-    }),
-  );
-
-  if (publication.externalMethodology) {
-    allMethodologies.push({
-      key: publication.externalMethodology.url,
-      title: publication.externalMethodology.title,
-      url: publication.externalMethodology.url,
-    });
-  }
-
-  return (
-    <>
-      <h2
-        className="govuk-!-margin-top-9"
-        data-testid="extra-information"
-        id="help-and-support"
-      >
-        Help and support
-      </h2>
-
-      <h3>Methodology</h3>
-
-      {allMethodologies.length ? (
-        <ul className="govuk-list govuk-list--spaced">
-          {allMethodologies.map(methodology => (
-            <li key={methodology.key}>
-              {editingMode === 'edit' ? (
-                <a>{`${methodology.title}`}</a>
-              ) : (
-                <Link to={methodology.url}>{methodology.title}</Link>
-              )}
-            </li>
-          ))}
-        </ul>
-      ) : (
-        <p>No methodologies added.</p>
-      )}
-
-      {release.type === 'NationalStatistics' && <NationalStatisticsSection />}
-      {release.type === 'OfficialStatistics' && <OfficialStatisticsSection />}
-      {release.type === 'AdHocStatistics' && <AdHocOfficialStatisticsSection />}
-      {release.type === 'ExperimentalStatistics' && (
-        <ExperimentalStatisticsSection />
-      )}
-      {release.type === 'ManagementInformation' && (
-        <ManagementInformationSection />
-      )}
-
-      <ContactUsSection
-        publicationContact={publication.contact}
-        publicationTitle={publication.title}
-      />
-    </>
-  );
-};
-
-export default ReleaseHelpAndSupportSection;
diff --git a/src/explore-education-statistics-common/src/components/GlossaryEntryButton.module.scss b/src/explore-education-statistics-common/src/components/GlossaryEntryButton.module.scss
deleted file mode 100644
index 4a5a24d73dc..00000000000
--- a/src/explore-education-statistics-common/src/components/GlossaryEntryButton.module.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@import '~govuk-frontend/govuk/base';
-
-.content {
-  margin-bottom: govuk-spacing(5);
-  max-height: 50vh;
-  overflow-y: auto;
-
-  &:focus {
-    outline: $govuk-focus-colour solid $govuk-focus-width;
-  }
-}
diff --git a/src/explore-education-statistics-common/src/components/GlossaryEntryButton.tsx b/src/explore-education-statistics-common/src/components/GlossaryEntryButton.tsx
index b22b058bd82..8fb1ceeaa3f 100644
--- a/src/explore-education-statistics-common/src/components/GlossaryEntryButton.tsx
+++ b/src/explore-education-statistics-common/src/components/GlossaryEntryButton.tsx
@@ -40,15 +40,11 @@ export default function GlossaryEntryButton({
 
       {glossaryEntry && (
         <Modal
+          showClose
           title={glossaryEntry.title}
           onExit={() => setGlossaryEntry(undefined)}
         >
-          {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}
-          <div className={styles.content} tabIndex={0}>
-            {parseHtmlString(sanitizeHtml(glossaryEntry.body))}
-          </div>
-
-          <Button onClick={() => setGlossaryEntry(undefined)}>Close</Button>
+          {parseHtmlString(sanitizeHtml(glossaryEntry.body))}
         </Modal>
       )}
     </>
diff --git a/src/explore-education-statistics-common/src/components/Modal.module.scss b/src/explore-education-statistics-common/src/components/Modal.module.scss
index cf700af12fb..4c0237a74d7 100644
--- a/src/explore-education-statistics-common/src/components/Modal.module.scss
+++ b/src/explore-education-statistics-common/src/components/Modal.module.scss
@@ -20,8 +20,10 @@
   background: #fff;
   cursor: initial;
   margin: 0 govuk-spacing(2);
+  max-height: 98vh;
   max-width: map-get($govuk-breakpoints, 'desktop');
   min-width: 30vh;
+  overflow-y: auto;
   padding: govuk-spacing(6);
 
   @include govuk-media-query($from: tablet) {
@@ -46,3 +48,13 @@
     outline-offset: -$govuk-focus-width;
   }
 }
+
+.content {
+  margin-bottom: govuk-spacing(5);
+  max-height: 70vh;
+  overflow-y: auto;
+
+  &:focus {
+    outline: $govuk-focus-colour solid $govuk-focus-width;
+  }
+}
diff --git a/src/explore-education-statistics-common/src/components/Modal.tsx b/src/explore-education-statistics-common/src/components/Modal.tsx
index cf3c831dc63..06baba1891e 100644
--- a/src/explore-education-statistics-common/src/components/Modal.tsx
+++ b/src/explore-education-statistics-common/src/components/Modal.tsx
@@ -2,8 +2,10 @@ import styles from '@common/components/Modal.module.scss';
 import classNames from 'classnames';
 import React, { ReactNode, useEffect } from 'react';
 import BaseModal from 'react-modal';
+import Button from './Button';
 
 export interface ModalProps {
+  cancelText?: string;
   children: ReactNode;
   className?: string;
   closeOnOutsideClick?: boolean;
@@ -11,6 +13,7 @@ export interface ModalProps {
   fullScreen?: boolean;
   hideTitle?: boolean;
   open?: boolean;
+  showClose?: boolean;
   title: string;
   underlayClass?: string;
   onOpen?: () => void;
@@ -18,6 +21,7 @@ export interface ModalProps {
 }
 
 const Modal = ({
+  cancelText = 'Close',
   children,
   className,
   closeOnOutsideClick = true,
@@ -25,10 +29,11 @@ const Modal = ({
   fullScreen = false,
   hideTitle = false,
   open = true,
-  onOpen,
-  onExit,
+  showClose = false,
   title,
   underlayClass,
+  onOpen,
+  onExit,
 }: ModalProps) => {
   const appElement =
     typeof document !== 'undefined'
@@ -74,6 +79,15 @@ const Modal = ({
         {title}
       </h2>
       {children}
+
+      {showClose && (
+        <Button
+          className="govuk-button govuk-!-margin-bottom-0"
+          onClick={onExit}
+        >
+          {cancelText}
+        </Button>
+      )}
     </BaseModal>
   );
 };
diff --git a/src/explore-education-statistics-common/src/modules/find-statistics/components/AdHocOfficialStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/find-statistics/components/AdHocOfficialStatisticsSection.tsx
deleted file mode 100644
index 5ded20f595a..00000000000
--- a/src/explore-education-statistics-common/src/modules/find-statistics/components/AdHocOfficialStatisticsSection.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-
-const AdHocOfficialStatisticsSection = () => (
-  <>
-    <h3>Ad hoc official statistics</h3>
-    <p>
-      Ad hoc official statistics are one off publications that have been
-      produced as far as possible in line with the Code of Practice for
-      Statistics.
-    </p>
-    <p>This can be broadly interpreted to mean that these statistics are:</p>
-    <ul>
-      <li>managed impartially and objectively in the public interest</li>
-
-      <li>meet identified user needs</li>
-
-      <li>produced according to sound methods</li>
-
-      <li>well explained and readily accessible</li>
-    </ul>
-    <p>
-      Find out more about the standards we follow to produce these statistics
-      through our{' '}
-      <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
-        Standards for official statistics published by DfE guidance
-      </a>
-      .
-    </p>
-  </>
-);
-
-export default AdHocOfficialStatisticsSection;
diff --git a/src/explore-education-statistics-common/src/modules/find-statistics/components/ExperimentalStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/find-statistics/components/ExperimentalStatisticsSection.tsx
deleted file mode 100644
index d9ac8d77523..00000000000
--- a/src/explore-education-statistics-common/src/modules/find-statistics/components/ExperimentalStatisticsSection.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-
-const ExperimentalStatisticsSection = () => (
-  <>
-    <h3>Experimental statistics</h3>
-    <p>
-      These statistics are experimental statistics undergoing evaluation. They
-      have been developed under the guidance of the Head of Profession for
-      Statistics and published to involve users and stakeholders at an early
-      stage in assessing their suitability and quality.
-    </p>
-    <p>
-      Experimental official statistics have been produced as far as possible in
-      line with the Code of Practice for Statistics.
-    </p>
-    <p>This can be broadly interpreted to mean that these statistics are:</p>
-    <ul>
-      <li>managed impartially and objectively in the public interest</li>
-
-      <li>meet identified user needs</li>
-
-      <li>produced according to sound methods</li>
-
-      <li>well explained and readily accessible</li>
-    </ul>
-    <p>
-      Find out more about the standards we follow to produce these statistics
-      through our{' '}
-      <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
-        Standards for official statistics published by DfE guidance
-      </a>
-      .
-    </p>
-  </>
-);
-
-export default ExperimentalStatisticsSection;
diff --git a/src/explore-education-statistics-common/src/modules/find-statistics/components/ManageInformationSection.tsx b/src/explore-education-statistics-common/src/modules/find-statistics/components/ManageInformationSection.tsx
deleted file mode 100644
index 286c5afb00f..00000000000
--- a/src/explore-education-statistics-common/src/modules/find-statistics/components/ManageInformationSection.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-
-const ManagementInformationSection = () => (
-  <>
-    <h3>Management information</h3>
-    <p>
-      Management information describes aggregate information collated and used
-      in the normal course of business to inform operational delivery, policy
-      development or the management of organisational performance. It is usually
-      based on administrative data but can also be a product of survey data. The
-      terms administrative data and management information are sometimes used
-      interchangeably.
-    </p>
-  </>
-);
-
-export default ManagementInformationSection;
diff --git a/src/explore-education-statistics-common/src/modules/find-statistics/components/NationalStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/find-statistics/components/NationalStatisticsSection.tsx
deleted file mode 100644
index 091fb831b80..00000000000
--- a/src/explore-education-statistics-common/src/modules/find-statistics/components/NationalStatisticsSection.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-
-const NationalStatisticsSection = () => (
-  <>
-    <h3>National statistics</h3>
-    <p>
-      The{' '}
-      <a href="https://www.statisticsauthority.gov.uk/">
-        United Kingdom Statistics Authority
-      </a>{' '}
-      designated these statistics as National Statistics in accordance with the{' '}
-      <a href="https://www.legislation.gov.uk/ukpga/2007/18/contents">
-        Statistics and Registration Service Act 2007
-      </a>{' '}
-      and signifying compliance with the Code of Practice for Statistics.
-    </p>
-    <p>
-      Designation signifying their compliance with the authority's{' '}
-      <a href="https://www.statisticsauthority.gov.uk/code-of-practice/the-code/">
-        Code of Practice for Statistics
-      </a>{' '}
-      which broadly means these statistics are:
-    </p>
-    <ul className="govuk-list govuk-list--bullet">
-      <li>managed impartially and objectively in the public interest</li>
-      <li>meet identified user needs</li>
-      <li>produced according to sound methods</li>
-      <li>well explained and readily accessible</li>
-    </ul>
-    <p>
-      Once designated as National Statistics it's a statutory requirement for
-      statistics to follow and comply with the Code of Practice for Statistics
-      to be observed.
-    </p>
-    <p>
-      Find out more about the standards we follow to produce these statistics
-      through our{' '}
-      <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
-        Standards for official statistics published by DfE
-      </a>{' '}
-      guidance.
-    </p>
-  </>
-);
-
-export default NationalStatisticsSection;
diff --git a/src/explore-education-statistics-common/src/modules/find-statistics/components/OfficialStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/find-statistics/components/OfficialStatisticsSection.tsx
deleted file mode 100644
index 5c785b416e3..00000000000
--- a/src/explore-education-statistics-common/src/modules/find-statistics/components/OfficialStatisticsSection.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-
-const OfficialStatisticsSection = () => (
-  <>
-    <h3>Official statistics</h3>
-    <p>
-      These are Official Statistics and have been produced in line with the{' '}
-      <a href="https://code.statisticsauthority.gov.uk/the-code/">
-        Code of Practice for Official Statistics
-      </a>
-      .
-    </p>
-    <p>This can be broadly interpreted to mean that these statistics are:</p>
-    <ul>
-      <li>managed impartially and objectively in the public interest</li>
-
-      <li>meet identified user needs</li>
-
-      <li>produced according to sound methods</li>
-
-      <li>well explained and readily accessible</li>
-    </ul>
-    <p>
-      Find out more about the standards we follow to produce these statistics
-      through our{' '}
-      <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
-        Standards for official statistics published by DfE guidance
-      </a>
-      .
-    </p>
-  </>
-);
-
-export default OfficialStatisticsSection;
diff --git a/src/explore-education-statistics-common/src/modules/release/components/AdHocStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/release/components/AdHocStatisticsSection.tsx
new file mode 100644
index 00000000000..38d867e5d98
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/AdHocStatisticsSection.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+
+export default function AdHocStatisticsSection({
+  showHeading = true,
+}: {
+  showHeading?: boolean;
+}) {
+  return (
+    <>
+      {showHeading && <h3>Ad hoc official statistics</h3>}
+      <p>
+        Ad hoc official statistics are one off publications that have been
+        produced as far as possible in line with the Code of Practice for
+        Statistics.
+      </p>
+      <p>This can be broadly interpreted to mean that these statistics are:</p>
+      <ul>
+        <li>managed impartially and objectively in the public interest</li>
+
+        <li>meet identified user needs</li>
+
+        <li>produced according to sound methods</li>
+
+        <li>well explained and readily accessible</li>
+      </ul>
+      <p>
+        Find out more about the standards we follow to produce these statistics
+        through our{' '}
+        <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
+          Standards for official statistics published by DfE guidance
+        </a>
+        .
+      </p>
+    </>
+  );
+}
diff --git a/src/explore-education-statistics-common/src/modules/release/components/ExperimentalStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/release/components/ExperimentalStatisticsSection.tsx
new file mode 100644
index 00000000000..4469ef1621a
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/ExperimentalStatisticsSection.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+
+export default function ExperimentalStatisticsSection({
+  showHeading = true,
+}: {
+  showHeading?: boolean;
+}) {
+  return (
+    <>
+      {showHeading && <h3>Experimental statistics</h3>}
+      <p>
+        These statistics are experimental statistics undergoing evaluation. They
+        have been developed under the guidance of the Head of Profession for
+        Statistics and published to involve users and stakeholders at an early
+        stage in assessing their suitability and quality.
+      </p>
+      <p>
+        Experimental official statistics have been produced as far as possible
+        in line with the Code of Practice for Statistics.
+      </p>
+      <p>This can be broadly interpreted to mean that these statistics are:</p>
+      <ul>
+        <li>managed impartially and objectively in the public interest</li>
+
+        <li>meet identified user needs</li>
+
+        <li>produced according to sound methods</li>
+
+        <li>well explained and readily accessible</li>
+      </ul>
+      <p>
+        Find out more about the standards we follow to produce these statistics
+        through our{' '}
+        <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
+          Standards for official statistics published by DfE guidance
+        </a>
+        .
+      </p>
+    </>
+  );
+}
diff --git a/src/explore-education-statistics-common/src/modules/release/components/ManageInformationSection.tsx b/src/explore-education-statistics-common/src/modules/release/components/ManageInformationSection.tsx
new file mode 100644
index 00000000000..bbe0dd43760
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/ManageInformationSection.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+export default function ManagementInformationSection({
+  showHeading = true,
+}: {
+  showHeading?: boolean;
+}) {
+  return (
+    <>
+      {showHeading && <h3>Management information</h3>}
+      <p>
+        Management information describes aggregate information collated and used
+        in the normal course of business to inform operational delivery, policy
+        development or the management of organisational performance. It is
+        usually based on administrative data but can also be a product of survey
+        data. The terms administrative data and management information are
+        sometimes used interchangeably.
+      </p>
+    </>
+  );
+}
diff --git a/src/explore-education-statistics-common/src/modules/release/components/NationalStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/release/components/NationalStatisticsSection.tsx
new file mode 100644
index 00000000000..c8d1c4ac98b
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/NationalStatisticsSection.tsx
@@ -0,0 +1,51 @@
+import React from 'react';
+
+export default function NationalStatisticsSection({
+  showHeading = true,
+}: {
+  showHeading?: boolean;
+}) {
+  return (
+    <>
+      {showHeading && <h3>National statistics</h3>}
+      <p>
+        The{' '}
+        <a href="https://www.statisticsauthority.gov.uk/">
+          United Kingdom Statistics Authority
+        </a>{' '}
+        designated these statistics as National Statistics in accordance with
+        the{' '}
+        <a href="https://www.legislation.gov.uk/ukpga/2007/18/contents">
+          Statistics and Registration Service Act 2007
+        </a>{' '}
+        and signifying compliance with the Code of Practice for Statistics.
+      </p>
+      <p>
+        Designation signifying their compliance with the authority's{' '}
+        <a href="https://www.statisticsauthority.gov.uk/code-of-practice/the-code/">
+          Code of Practice for Statistics
+        </a>{' '}
+        which broadly means these statistics are:
+      </p>
+      <ul className="govuk-list govuk-list--bullet">
+        <li>managed impartially and objectively in the public interest</li>
+        <li>meet identified user needs</li>
+        <li>produced according to sound methods</li>
+        <li>well explained and readily accessible</li>
+      </ul>
+      <p>
+        Once designated as National Statistics it's a statutory requirement for
+        statistics to follow and comply with the Code of Practice for Statistics
+        to be observed.
+      </p>
+      <p>
+        Find out more about the standards we follow to produce these statistics
+        through our{' '}
+        <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
+          Standards for official statistics published by DfE
+        </a>{' '}
+        guidance.
+      </p>
+    </>
+  );
+}
diff --git a/src/explore-education-statistics-common/src/modules/release/components/OfficialStatisticsSection.tsx b/src/explore-education-statistics-common/src/modules/release/components/OfficialStatisticsSection.tsx
new file mode 100644
index 00000000000..c3b75926c4f
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/OfficialStatisticsSection.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+
+export default function OfficialStatisticsSection({
+  showHeading = true,
+}: {
+  showHeading?: boolean;
+}) {
+  return (
+    <>
+      {showHeading && <h3>Official statistics</h3>}
+      <p>
+        These are Official Statistics and have been produced in line with the{' '}
+        <a href="https://code.statisticsauthority.gov.uk/the-code/">
+          Code of Practice for Official Statistics
+        </a>
+        .
+      </p>
+      <p>This can be broadly interpreted to mean that these statistics are:</p>
+      <ul>
+        <li>managed impartially and objectively in the public interest</li>
+
+        <li>meet identified user needs</li>
+
+        <li>produced according to sound methods</li>
+
+        <li>well explained and readily accessible</li>
+      </ul>
+      <p>
+        Find out more about the standards we follow to produce these statistics
+        through our{' '}
+        <a href="https://www.gov.uk/government/publications/standards-for-official-statistics-published-by-the-department-for-education">
+          Standards for official statistics published by DfE guidance
+        </a>
+        .
+      </p>
+    </>
+  );
+}
diff --git a/src/explore-education-statistics-common/src/modules/release/components/ReleaseHelpAndSupportSection.tsx b/src/explore-education-statistics-common/src/modules/release/components/ReleaseHelpAndSupportSection.tsx
new file mode 100644
index 00000000000..4591f527c5b
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/ReleaseHelpAndSupportSection.tsx
@@ -0,0 +1,60 @@
+import ReleaseTypeSection from '@common/modules/release/components/ReleaseTypeSection';
+import ContactUsSection from '@common/modules/find-statistics/components/ContactUsSection';
+import { Release } from '@common/services/publicationService';
+import {
+  ExternalMethodology,
+  MethodologySummary,
+} from '@common/services/types/methodology';
+import React, { ReactNode } from 'react';
+
+interface Props {
+  release: Release;
+  renderExternalMethodologyLink: (
+    externalMethodology: ExternalMethodology,
+  ) => ReactNode;
+  renderMethodologyLink: (methodology: MethodologySummary) => ReactNode;
+}
+
+export default function ReleaseHelpAndSupportSection({
+  release,
+  renderMethodologyLink,
+  renderExternalMethodologyLink,
+}: Props) {
+  const { externalMethodology, methodologies, contact, title } =
+    release.publication;
+
+  return (
+    <>
+      <h2
+        className="govuk-!-margin-top-9"
+        data-testid="extra-information"
+        id="help-and-support"
+      >
+        Help and support
+      </h2>
+
+      {methodologies.length > 0 && (
+        <>
+          <h3>Methodology</h3>
+          <p>
+            Find out how and why we collect, process and publish these
+            statistics.
+          </p>
+
+          <ul className="govuk-list govuk-list--spaced">
+            {methodologies.map(methodology => (
+              <li key={methodology.id}>{renderMethodologyLink(methodology)}</li>
+            ))}
+            {externalMethodology && (
+              <li>{renderExternalMethodologyLink(externalMethodology)}</li>
+            )}
+          </ul>
+        </>
+      )}
+
+      <ReleaseTypeSection type={release.type} />
+
+      <ContactUsSection publicationContact={contact} publicationTitle={title} />
+    </>
+  );
+}
diff --git a/src/explore-education-statistics-common/src/modules/release/components/ReleaseSummarySection.tsx b/src/explore-education-statistics-common/src/modules/release/components/ReleaseSummarySection.tsx
new file mode 100644
index 00000000000..196a9ad40df
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/ReleaseSummarySection.tsx
@@ -0,0 +1,118 @@
+import FormattedDate from '@common/components/FormattedDate';
+import {
+  formatPartialDate,
+  isValidPartialDate,
+} from '@common/utils/date/partialDate';
+import SummaryList from '@common/components/SummaryList';
+import SummaryListItem from '@common/components/SummaryListItem';
+import ButtonText from '@common/components/ButtonText';
+import InfoIcon from '@common/components/InfoIcon';
+import ReleaseTypeSection from '@common/modules/release/components/ReleaseTypeSection';
+import useToggle from '@common/hooks/useToggle';
+import { Release } from '@common/services/publicationService';
+import { ReleaseType, releaseTypes } from '@common/services/types/releaseType';
+import Modal from '@common/components/Modal';
+import { parseISO } from 'date-fns';
+import React, { ReactNode } from 'react';
+
+interface ReleaseTypeIcon {
+  url: string;
+  altText: string;
+}
+
+const releaseTypesToIcons: Partial<Record<ReleaseType, ReleaseTypeIcon>> = {
+  NationalStatistics: {
+    url: '/assets/images/UKSA-quality-mark.jpg',
+    altText: 'UK statistics authority quality mark',
+  },
+};
+
+interface Props {
+  isEditing?: boolean;
+  lastUpdated?: Date;
+  release: Release;
+  releaseDate: string;
+  renderReleaseNotes: ReactNode;
+  renderStatusTags: ReactNode;
+  renderSubscribeLink: ReactNode;
+  onShowReleaseTypeModal?: () => void;
+}
+
+export default function ReleaseSummarySection({
+  isEditing,
+  lastUpdated,
+  release,
+  releaseDate,
+  renderReleaseNotes,
+  renderStatusTags,
+  renderSubscribeLink,
+  onShowReleaseTypeModal,
+}: Props) {
+  const [showReleaseTypeModal, toggleReleaseTypeModal] = useToggle(false);
+
+  return (
+    <>
+      <div className="dfe-flex dfe-align-items--center dfe-justify-content--space-between govuk-!-margin-bottom-3">
+        <div>{renderStatusTags}</div>
+        {releaseTypesToIcons[release.type] && (
+          <img
+            src={releaseTypesToIcons[release.type]?.url}
+            alt={releaseTypesToIcons[release.type]?.altText}
+            height="60"
+            width="60"
+          />
+        )}
+      </div>
+
+      <SummaryList>
+        <SummaryListItem term="Published">
+          {releaseDate ? (
+            <FormattedDate>{parseISO(releaseDate)}</FormattedDate>
+          ) : (
+            <p>TBA</p>
+          )}
+        </SummaryListItem>
+        {release.latestRelease &&
+          isValidPartialDate(release.nextReleaseDate) && (
+            <SummaryListItem term="Next update">
+              <time>{formatPartialDate(release.nextReleaseDate)}</time>
+            </SummaryListItem>
+          )}
+
+        {(isEditing || lastUpdated) && (
+          <SummaryListItem term="Last updated">
+            {lastUpdated && <FormattedDate>{lastUpdated}</FormattedDate>}
+            {renderReleaseNotes}
+          </SummaryListItem>
+        )}
+
+        <SummaryListItem term="Release type">
+          <ButtonText
+            onClick={() => {
+              toggleReleaseTypeModal.on();
+              onShowReleaseTypeModal?.();
+            }}
+          >
+            {releaseTypes[release.type]}{' '}
+            <InfoIcon
+              description={`Information on ${releaseTypes[release.type]}`}
+            />
+          </ButtonText>
+        </SummaryListItem>
+
+        <SummaryListItem term="Receive updates">
+          {renderSubscribeLink}
+        </SummaryListItem>
+      </SummaryList>
+
+      <Modal
+        open={showReleaseTypeModal}
+        showClose
+        title={releaseTypes[release.type]}
+        onExit={toggleReleaseTypeModal.off}
+      >
+        <ReleaseTypeSection showHeading={false} type={release.type} />
+      </Modal>
+    </>
+  );
+}
diff --git a/src/explore-education-statistics-common/src/modules/release/components/ReleaseTypeSection.tsx b/src/explore-education-statistics-common/src/modules/release/components/ReleaseTypeSection.tsx
new file mode 100644
index 00000000000..cda86b87440
--- /dev/null
+++ b/src/explore-education-statistics-common/src/modules/release/components/ReleaseTypeSection.tsx
@@ -0,0 +1,29 @@
+import AdHocStatisticsSection from '@common/modules/release/components/AdHocStatisticsSection';
+import ExperimentalStatisticsSection from '@common/modules/release/components/ExperimentalStatisticsSection';
+import ManagementInformationSection from '@common/modules/release/components/ManageInformationSection';
+import NationalStatisticsSection from '@common/modules/release/components/NationalStatisticsSection';
+import OfficialStatisticsSection from '@common/modules/release/components/OfficialStatisticsSection';
+import { ReleaseType } from '@common/services/types/releaseType';
+import React from 'react';
+
+export const releaseTypeComponents = {
+  NationalStatistics: NationalStatisticsSection,
+  OfficialStatistics: OfficialStatisticsSection,
+  ExperimentalStatistics: ExperimentalStatisticsSection,
+  AdHocStatistics: AdHocStatisticsSection,
+  ManagementInformation: ManagementInformationSection,
+};
+
+interface Props {
+  showHeading?: boolean;
+  type: ReleaseType;
+}
+
+export default function ReleaseTypeSection({
+  showHeading = true,
+  type,
+}: Props) {
+  const ReleaseTypeComponent = releaseTypeComponents[type];
+
+  return <ReleaseTypeComponent showHeading={showHeading} />;
+}
diff --git a/src/explore-education-statistics-frontend/src/modules/find-statistics/PublicationReleaseHelpAndSupportSection.tsx b/src/explore-education-statistics-frontend/src/modules/find-statistics/PublicationReleaseHelpAndSupportSection.tsx
deleted file mode 100644
index 35a5ce32231..00000000000
--- a/src/explore-education-statistics-frontend/src/modules/find-statistics/PublicationReleaseHelpAndSupportSection.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import ContactUsSection from '@common/modules/find-statistics/components/ContactUsSection';
-import NationalStatisticsSection from '@common/modules/find-statistics/components/NationalStatisticsSection';
-import OfficialStatisticsSection from '@common/modules/find-statistics/components/OfficialStatisticsSection';
-import AdHocOfficialStatisticsSection from '@common/modules/find-statistics/components/AdHocOfficialStatisticsSection';
-import ExperimentalStatisticsSection from '@common/modules/find-statistics/components/ExperimentalStatisticsSection';
-import ManagementInformationSection from '@common/modules/find-statistics/components/ManageInformationSection';
-import { Contact } from '@common/services/publicationService';
-import {
-  ExternalMethodology,
-  MethodologySummary,
-} from '@common/services/types/methodology';
-import { ReleaseType } from '@common/services/types/releaseType';
-import Link from '@frontend/components/Link';
-import React from 'react';
-
-interface Props {
-  publicationTitle: string;
-  methodologies: MethodologySummary[];
-  externalMethodology?: ExternalMethodology;
-  releaseType?: ReleaseType;
-  publicationContact: Contact;
-}
-
-const PublicationReleaseHelpAndSupportSection = ({
-  publicationTitle,
-  methodologies,
-  externalMethodology,
-  releaseType,
-  publicationContact,
-}: Props) => {
-  return (
-    <>
-      <h2
-        className="govuk-!-margin-top-9"
-        data-testid="extra-information"
-        id="help-and-support"
-      >
-        Help and support
-      </h2>
-
-      {(methodologies.length || externalMethodology) && (
-        <>
-          <h3>Methodology</h3>
-          <p>
-            Find out how and why we collect, process and publish these
-            statistics.
-          </p>
-
-          <ul className="govuk-list govuk-list--spaced">
-            {methodologies.map(methodology => (
-              <li key={methodology.id}>
-                <Link to={`/methodology/${methodology.slug}`}>
-                  {methodology.title}
-                </Link>
-              </li>
-            ))}
-            {externalMethodology && (
-              <li>
-                <Link to={externalMethodology.url}>
-                  {externalMethodology.title}
-                </Link>
-              </li>
-            )}
-          </ul>
-        </>
-      )}
-      {releaseType === 'NationalStatistics' && <NationalStatisticsSection />}
-      {releaseType === 'OfficialStatistics' && <OfficialStatisticsSection />}
-      {releaseType === 'AdHocStatistics' && <AdHocOfficialStatisticsSection />}
-      {releaseType === 'ExperimentalStatistics' && (
-        <ExperimentalStatisticsSection />
-      )}
-      {releaseType === 'ManagementInformation' && (
-        <ManagementInformationSection />
-      )}
-
-      <ContactUsSection
-        publicationContact={publicationContact}
-        publicationTitle={publicationTitle}
-      />
-    </>
-  );
-};
-
-export default PublicationReleaseHelpAndSupportSection;
diff --git a/src/explore-education-statistics-frontend/src/modules/find-statistics/PublicationReleasePage.tsx b/src/explore-education-statistics-frontend/src/modules/find-statistics/PublicationReleasePage.tsx
index fa85a455ab6..6a33b7ba750 100644
--- a/src/explore-education-statistics-frontend/src/modules/find-statistics/PublicationReleasePage.tsx
+++ b/src/explore-education-statistics-frontend/src/modules/find-statistics/PublicationReleasePage.tsx
@@ -3,40 +3,33 @@ import AccordionSection from '@common/components/AccordionSection';
 import Details from '@common/components/Details';
 import FormattedDate from '@common/components/FormattedDate';
 import RelatedAside from '@common/components/RelatedAside';
-import SummaryList from '@common/components/SummaryList';
-import SummaryListItem from '@common/components/SummaryListItem';
 import Tag from '@common/components/Tag';
-import TagGroup from '@common/components/TagGroup';
+import VisuallyHidden from '@common/components/VisuallyHidden';
+import ScrollableContainer from '@common/components/ScrollableContainer';
+import WarningMessage from '@common/components/WarningMessage';
+import ReleaseSummarySection from '@common/modules/release/components/ReleaseSummarySection';
 import ContentBlockRenderer from '@common/modules/find-statistics/components/ContentBlockRenderer';
 import ReleaseDataAndFiles from '@common/modules/release/components/ReleaseDataAndFiles';
+import ReleaseHelpAndSupportSection from '@common/modules/release/components/ReleaseHelpAndSupportSection';
 import publicationService, {
   Release,
 } from '@common/services/publicationService';
-import { releaseTypes } from '@common/services/types/releaseType';
 import { Dictionary } from '@common/types';
-import {
-  formatPartialDate,
-  isValidPartialDate,
-} from '@common/utils/date/partialDate';
 import ButtonLink from '@frontend/components/ButtonLink';
 import Link from '@frontend/components/Link';
 import Page from '@frontend/components/Page';
 import PageSearchFormWithAnalytics from '@frontend/components/PageSearchFormWithAnalytics';
 import PrintThisPage from '@frontend/components/PrintThisPage';
 import PublicationSectionBlocks from '@frontend/modules/find-statistics/components/PublicationSectionBlocks';
-import PublicationReleaseHelpAndSupportSection from '@frontend/modules/find-statistics/PublicationReleaseHelpAndSupportSection';
 import { logEvent } from '@frontend/services/googleAnalyticsService';
 import glossaryService from '@frontend/services/glossaryService';
+import withAxiosHandler from '@frontend/middleware/ssr/withAxiosHandler';
+import PublicationReleaseHeadlinesSection from '@frontend/modules/find-statistics/components/PublicationReleaseHeadlinesSection';
+import styles from '@frontend/modules/find-statistics/PublicationReleasePage.module.scss';
 import classNames from 'classnames';
 import orderBy from 'lodash/orderBy';
 import { GetServerSideProps, NextPage } from 'next';
 import React from 'react';
-import VisuallyHidden from '@common/components/VisuallyHidden';
-import ScrollableContainer from '@common/components/ScrollableContainer';
-import WarningMessage from '@common/components/WarningMessage';
-import withAxiosHandler from '@frontend/middleware/ssr/withAxiosHandler';
-import PublicationReleaseHeadlinesSection from './components/PublicationReleaseHeadlinesSection';
-import styles from './PublicationReleasePage.module.scss';
 
 interface Props {
   release: Release;
@@ -52,7 +45,7 @@ const PublicationReleasePage: NextPage<Props> = ({ release }) => {
   // Re-order updates in descending order in-case the cached
   // release from the content API has not been updated to
   // have the updates in the correct order.
-  const updates = orderBy(release.updates, 'on', 'desc');
+  const releaseUpdates = orderBy(release.updates, 'on', 'desc');
 
   const showAllFilesButton = release.downloadFiles.some(
     file =>
@@ -75,7 +68,7 @@ const PublicationReleasePage: NextPage<Props> = ({ release }) => {
       ]}
     >
       <div className={classNames('govuk-grid-row', styles.releaseIntro)}>
-        {release.publication?.isSuperseded ? (
+        {release.publication?.isSuperseded && (
           <WarningMessage testId="superseded-warning">
             This publication has been superseded by{' '}
             <Link
@@ -85,23 +78,62 @@ const PublicationReleasePage: NextPage<Props> = ({ release }) => {
               {release.publication.supersededBy?.title}
             </Link>
           </WarningMessage>
-        ) : null}
+        )}
+
         <div className="govuk-grid-column-two-thirds">
-          <div className="dfe-flex dfe-align-items--center dfe-justify-content--space-between govuk-!-margin-bottom-3">
-            <div>
-              {!release.publication.isSuperseded && !release.latestRelease && (
-                <Link
-                  className="govuk-!-display-none-print govuk-!-display-block govuk-!-margin-bottom-3"
-                  unvisited
-                  to={`/find-statistics/${release.publication.slug}`}
-                >
-                  View latest data:{' '}
-                  <span className="govuk-!-font-weight-bold">
-                    {release.publication.releases[0].title}
-                  </span>
-                </Link>
-              )}
-              <TagGroup>
+          <ReleaseSummarySection
+            lastUpdated={releaseUpdates[0]?.on}
+            release={release}
+            releaseDate={release.published}
+            renderReleaseNotes={
+              <>
+                {releaseUpdates.length > 0 && (
+                  <Details
+                    id="releaseLastUpdates"
+                    summary={`See all updates (${releaseUpdates.length})`}
+                    hiddenText={`for ${release.title}`}
+                    onToggle={open => {
+                      if (open) {
+                        logEvent({
+                          category: 'Last Updates',
+                          action: 'Release page last updates dropdown opened',
+                          label: window.location.pathname,
+                        });
+                      }
+                    }}
+                  >
+                    <ol className="govuk-list" data-testid="all-updates">
+                      {releaseUpdates.map(update => (
+                        <li key={update.id}>
+                          <FormattedDate
+                            className="govuk-body govuk-!-font-weight-bold"
+                            testId="update-on"
+                          >
+                            {update.on}
+                          </FormattedDate>
+                          <p data-testid="update-reason">{update.reason}</p>
+                        </li>
+                      ))}
+                    </ol>
+                  </Details>
+                )}
+              </>
+            }
+            renderStatusTags={
+              <>
+                {!release.publication.isSuperseded &&
+                  !release.latestRelease && (
+                    <Link
+                      className="govuk-!-display-none-print govuk-!-display-block govuk-!-margin-bottom-3"
+                      unvisited
+                      to={`/find-statistics/${release.publication.slug}`}
+                    >
+                      View latest data:{' '}
+                      <span className="govuk-!-font-weight-bold">
+                        {release.publication.releases[0].title}
+                      </span>
+                    </Link>
+                  )}
                 {!release.publication.isSuperseded && (
                   <>
                     {release.latestRelease ? (
@@ -111,68 +143,9 @@ const PublicationReleasePage: NextPage<Props> = ({ release }) => {
                     )}
                   </>
                 )}
-                {release.type && <Tag>{releaseTypes[release.type]}</Tag>}
-              </TagGroup>
-            </div>
-            {release.type === 'NationalStatistics' && (
-              <img
-                src="/assets/images/UKSA-quality-mark.jpg"
-                alt="UK statistics authority quality mark"
-                height="60"
-                width="60"
-              />
-            )}
-          </div>
-          <SummaryList>
-            <SummaryListItem term="Published">
-              <FormattedDate>{release.published}</FormattedDate>
-            </SummaryListItem>
-            {release.latestRelease &&
-              isValidPartialDate(release.nextReleaseDate) && (
-                <SummaryListItem
-                  term="Next update"
-                  testId="next-update-list-item"
-                >
-                  <time>{formatPartialDate(release.nextReleaseDate)}</time>
-                </SummaryListItem>
-              )}
-
-            {updates.length > 0 ? (
-              <SummaryListItem term="Last updated">
-                <FormattedDate>{updates[0].on}</FormattedDate>
-
-                <Details
-                  id="releaseLastUpdates"
-                  summary={`See all updates (${updates.length})`}
-                  hiddenText={`for ${release.title}`}
-                  onToggle={open => {
-                    if (open) {
-                      logEvent({
-                        category: 'Last Updates',
-                        action: 'Release page last updates dropdown opened',
-                        label: window.location.pathname,
-                      });
-                    }
-                  }}
-                >
-                  <ol className="govuk-list" data-testid="all-updates">
-                    {updates.map(update => (
-                      <li key={update.id}>
-                        <FormattedDate
-                          className="govuk-body govuk-!-font-weight-bold"
-                          testId="update-on"
-                        >
-                          {update.on}
-                        </FormattedDate>
-                        <p data-testid="update-reason">{update.reason}</p>
-                      </li>
-                    ))}
-                  </ol>
-                </Details>
-              </SummaryListItem>
-            ) : null}
-
-            <SummaryListItem term="Receive updates">
+              </>
+            }
+            renderSubscribeLink={
               <Link
                 className="govuk-!-display-none-print govuk-!-font-weight-bold"
                 unvisited
@@ -187,8 +160,16 @@ const PublicationReleasePage: NextPage<Props> = ({ release }) => {
               >
                 Sign up for email alerts
               </Link>
-            </SummaryListItem>
-          </SummaryList>
+            }
+            onShowReleaseTypeModal={() =>
+              logEvent({
+                category: `${release.publication.title} release page`,
+                action: 'Release type clicked',
+                label: window.location.pathname,
+              })
+            }
+          />
+
           <VisuallyHidden as="h2">
             {/** 
               Visually hidden h2 as currently the release intro editor only starts from h3
@@ -551,12 +532,16 @@ const PublicationReleasePage: NextPage<Props> = ({ release }) => {
         </Accordion>
       )}
 
-      <PublicationReleaseHelpAndSupportSection
-        publicationTitle={release.publication.title}
-        methodologies={release.publication.methodologies}
-        externalMethodology={release.publication.externalMethodology}
-        publicationContact={release.publication.contact}
-        releaseType={release.type}
+      <ReleaseHelpAndSupportSection
+        release={release}
+        renderExternalMethodologyLink={externalMethodology => (
+          <Link to={externalMethodology.url}>{externalMethodology.title}</Link>
+        )}
+        renderMethodologyLink={methodology => (
+          <Link to={`/methodology/${methodology.slug}`}>
+            {methodology.title}
+          </Link>
+        )}
       />
 
       <PrintThisPage
diff --git a/src/explore-education-statistics-frontend/src/modules/find-statistics/__tests__/PublicationReleasePage.test.tsx b/src/explore-education-statistics-frontend/src/modules/find-statistics/__tests__/PublicationReleasePage.test.tsx
index 1413060599a..29ce63d617e 100644
--- a/src/explore-education-statistics-frontend/src/modules/find-statistics/__tests__/PublicationReleasePage.test.tsx
+++ b/src/explore-education-statistics-frontend/src/modules/find-statistics/__tests__/PublicationReleasePage.test.tsx
@@ -293,7 +293,7 @@ describe('PublicationReleasePage', () => {
       />,
     );
 
-    const nextUpdateValue = screen.getByTestId('next-update-list-item-value');
+    const nextUpdateValue = screen.getByTestId('Next update-value');
     expect(nextUpdateValue.textContent).toEqual('February 2022');
   });
 
diff --git a/src/explore-education-statistics-frontend/src/modules/find-statistics/components/FilterModals.module.scss b/src/explore-education-statistics-frontend/src/modules/find-statistics/components/FilterModals.module.scss
deleted file mode 100644
index 4a5a24d73dc..00000000000
--- a/src/explore-education-statistics-frontend/src/modules/find-statistics/components/FilterModals.module.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@import '~govuk-frontend/govuk/base';
-
-.content {
-  margin-bottom: govuk-spacing(5);
-  max-height: 50vh;
-  overflow-y: auto;
-
-  &:focus {
-    outline: $govuk-focus-colour solid $govuk-focus-width;
-  }
-}
diff --git a/src/explore-education-statistics-frontend/src/modules/find-statistics/components/FilterModals.tsx b/src/explore-education-statistics-frontend/src/modules/find-statistics/components/FilterModals.tsx
index 97ada3a2f6b..f1f3bae6930 100644
--- a/src/explore-education-statistics-frontend/src/modules/find-statistics/components/FilterModals.tsx
+++ b/src/explore-education-statistics-frontend/src/modules/find-statistics/components/FilterModals.tsx
@@ -1,9 +1,7 @@
-import Button from '@common/components/Button';
 import Modal from '@common/components/Modal';
 import SummaryList from '@common/components/SummaryList';
 import SummaryListItem from '@common/components/SummaryListItem';
 import { ThemeSummary } from '@common/services/themeService';
-import styles from '@frontend/modules/find-statistics/components/FilterModals.module.scss';
 import React from 'react';
 
 export const ReleaseTypesModal = ({
@@ -13,57 +11,47 @@ export const ReleaseTypesModal = ({
   open: boolean;
   onClose: () => void;
 }) => (
-  <Modal
-    className="govuk-!-width-one-half"
-    open={open}
-    title="Release types guidance"
-    onExit={onClose}
-  >
+  <Modal open={open} showClose title="Release types guidance" onExit={onClose}>
     <p>
       This is a description list of the different types of publication we
       currently publish.
     </p>
-    {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}
-    <div className={styles.content} tabIndex={0}>
-      <SummaryList>
-        <SummaryListItem term="National statistics">
-          National statistics are official statistics that have been assessed by
-          the Office for Statistics Regulation as fully compliant with the Code
-          of Practice for Statistics, i.e., they meet the highest standards for
-          trustworthiness, quality and value.
-        </SummaryListItem>
-        <SummaryListItem term="Official statistics">
-          Official statistics are regular statistics produced by the UK
-          Statistics Authority, government departments (including executive
-          agencies), the Devolved Administrations in Scotland, Wales and
-          Northern Ireland, any other person acting on behalf of the Crown or
-          any other organisation named on an Official Statistics Order.
-        </SummaryListItem>
-        <SummaryListItem term="Experimental statistics">
-          Experimental statistics are newly developed or innovative official
-          statistics that are undergoing evaluation. They are published to
-          involve users and stakeholders in the assessment of their suitability
-          and quality at an early stage. These statistics will reach a point
-          where the label, experimental statistics, can be removed, or should be
-          discontinued.
-        </SummaryListItem>
-        <SummaryListItem term="Ad hoc statistics">
-          Releases of statistics which are not part of DfE's regular annual
-          official statistical release calendar.
-        </SummaryListItem>
-        <SummaryListItem term="Management information (MI)">
-          Management information describes aggregate information collated and
-          used in the normal course of business to inform operational delivery,
-          policy development or the management of organisational performance. It
-          is usually based on administrative data but can also be a product of
-          survey data. The terms administrative data and management information
-          are sometimes used interchangeably.
-        </SummaryListItem>
-      </SummaryList>
-    </div>
-    <Button className="govuk-!-margin-bottom-0" onClick={onClose}>
-      Close
-    </Button>
+
+    <SummaryList>
+      <SummaryListItem term="National statistics">
+        National statistics are official statistics that have been assessed by
+        the Office for Statistics Regulation as fully compliant with the Code of
+        Practice for Statistics, i.e., they meet the highest standards for
+        trustworthiness, quality and value.
+      </SummaryListItem>
+      <SummaryListItem term="Official statistics">
+        Official statistics are regular statistics produced by the UK Statistics
+        Authority, government departments (including executive agencies), the
+        Devolved Administrations in Scotland, Wales and Northern Ireland, any
+        other person acting on behalf of the Crown or any other organisation
+        named on an Official Statistics Order.
+      </SummaryListItem>
+      <SummaryListItem term="Experimental statistics">
+        Experimental statistics are newly developed or innovative official
+        statistics that are undergoing evaluation. They are published to involve
+        users and stakeholders in the assessment of their suitability and
+        quality at an early stage. These statistics will reach a point where the
+        label, experimental statistics, can be removed, or should be
+        discontinued.
+      </SummaryListItem>
+      <SummaryListItem term="Ad hoc statistics">
+        Releases of statistics which are not part of DfE's regular annual
+        official statistical release calendar.
+      </SummaryListItem>
+      <SummaryListItem term="Management information (MI)">
+        Management information describes aggregate information collated and used
+        in the normal course of business to inform operational delivery, policy
+        development or the management of organisational performance. It is
+        usually based on administrative data but can also be a product of survey
+        data. The terms administrative data and management information are
+        sometimes used interchangeably.
+      </SummaryListItem>
+    </SummaryList>
   </Modal>
 );
 
@@ -76,25 +64,15 @@ export const ThemesModal = ({
   themes: ThemeSummary[];
   onClose: () => void;
 }) => (
-  <Modal
-    className="govuk-!-width-one-half"
-    open={open}
-    title="Themes guidance"
-    onExit={onClose}
-  >
+  <Modal open={open} showClose title="Themes guidance" onExit={onClose}>
     <p>This is a description list of our different publication themes.</p>
-    {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}
-    <div className={styles.content} tabIndex={0}>
-      <SummaryList>
-        {themes.map(theme => (
-          <SummaryListItem key={theme.id} term={theme.title}>
-            {theme.summary}
-          </SummaryListItem>
-        ))}
-      </SummaryList>
-    </div>
-    <Button className="govuk-!-margin-bottom-0" onClick={onClose}>
-      Close
-    </Button>
+
+    <SummaryList>
+      {themes.map(theme => (
+        <SummaryListItem key={theme.id} term={theme.title}>
+          {theme.summary}
+        </SummaryListItem>
+      ))}
+    </SummaryList>
   </Modal>
 );