diff --git a/containers/ecr-viewer/src/app/tests/components/__snapshots__/LoadingComponent.test.tsx.snap b/containers/ecr-viewer/src/app/tests/components/__snapshots__/LoadingComponent.test.tsx.snap
index 915edf166f..a67a717230 100644
--- a/containers/ecr-viewer/src/app/tests/components/__snapshots__/LoadingComponent.test.tsx.snap
+++ b/containers/ecr-viewer/src/app/tests/components/__snapshots__/LoadingComponent.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`Snapshot test for EcrLoadingSkeleton should match snapshot 1`] = `
             class="sticky-nav"
           >
             <div
-              class="nav-wrapper"
+              class="nav-wrapper padding-top-1-25"
             >
               <nav
                 class="sticky-nav top-550"
@@ -25,6 +25,16 @@ exports[`Snapshot test for EcrLoadingSkeleton should match snapshot 1`] = `
                   class="usa-sidenav"
                   data-testid="sidenav"
                 >
+                  <li
+                    class="usa-sidenav__item"
+                  >
+                    <a
+                      class=""
+                      href="#ecr-summary"
+                    >
+                      eCR Summary
+                    </a>
+                  </li>
                   <li
                     class="usa-sidenav__item"
                   >
@@ -280,12 +290,22 @@ exports[`Snapshot test for EcrLoadingSkeleton should match snapshot 1`] = `
           <div
             class="ecr-content"
           >
-            <h2
-              class="margin-bottom-3 side-nav-ignore"
-              id="ecr-summary"
+            <div
+              class="margin-bottom-3"
             >
-              eCR Summary
-            </h2>
+              <h2
+                class="margin-bottom-05"
+                data-sectionid="ecr-summary"
+                id="ecr-summary"
+              >
+                eCR Summary
+              </h2>
+              <div
+                class="text-base-darker line-height-sans-5"
+              >
+                Provides key info upfront to help you understand the eCR at a glance
+              </div>
+            </div>
             <div
               class="info-container"
             >
@@ -594,7 +614,7 @@ exports[`Snapshot test for EcrLoadingSkeleton should match snapshot 1`] = `
                 data-testid="gridContainer"
               >
                 <div
-                  class="grid-row"
+                  class="grid-row margin-bottom-05"
                   data-testid="grid"
                 >
                   <div
@@ -634,6 +654,11 @@ exports[`Snapshot test for EcrLoadingSkeleton should match snapshot 1`] = `
                     </button>
                   </div>
                 </div>
+                <div
+                  class="text-base-darker line-height-sans-5"
+                >
+                  Displays entire eICR and RR documents to help you dig further into eCR data
+                </div>
               </div>
               <div
                 class="usa-accordion info-container"
diff --git a/containers/ecr-viewer/src/app/tests/components/__snapshots__/SideNav.test.tsx.snap b/containers/ecr-viewer/src/app/tests/components/__snapshots__/SideNav.test.tsx.snap
index b4b47c4396..43f203c095 100644
--- a/containers/ecr-viewer/src/app/tests/components/__snapshots__/SideNav.test.tsx.snap
+++ b/containers/ecr-viewer/src/app/tests/components/__snapshots__/SideNav.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`SectionConfig should match the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="nav-wrapper"
+    class="nav-wrapper padding-top-1-25"
   >
     <nav
       class="sticky-nav top-550"
diff --git a/containers/ecr-viewer/src/app/view-data/components/LoadingComponent.tsx b/containers/ecr-viewer/src/app/view-data/components/LoadingComponent.tsx
index 041a1a777b..9441dfcbc9 100644
--- a/containers/ecr-viewer/src/app/view-data/components/LoadingComponent.tsx
+++ b/containers/ecr-viewer/src/app/view-data/components/LoadingComponent.tsx
@@ -170,13 +170,19 @@ export const EcrLoadingSkeleton = () => {
           </div>
           <div className={"ecr-viewer-container"}>
             <div className="ecr-content">
-              <h2 className="margin-bottom-3 side-nav-ignore" id="ecr-summary">
-                eCR Summary
-              </h2>
+              <div className="margin-bottom-3">
+                <h2 className="margin-bottom-05" id="ecr-summary">
+                  eCR Summary
+                </h2>
+                <div className="text-base-darker line-height-sans-5">
+                  Provides key info upfront to help you understand the eCR at a
+                  glance
+                </div>
+              </div>
               <EcrSummaryLoadingSkeleton />
               <div className="margin-top-10">
                 <GridContainer className={"padding-0 margin-bottom-3"}>
-                  <Grid row>
+                  <Grid row className="margin-bottom-05">
                     <Grid>
                       <h2 className="margin-bottom-0" id="ecr-document">
                         eCR Document
@@ -194,6 +200,10 @@ export const EcrLoadingSkeleton = () => {
                       />
                     </Grid>
                   </Grid>
+                  <div className="text-base-darker line-height-sans-5">
+                    Displays entire eICR and RR documents to help you dig
+                    further into eCR data
+                  </div>
                 </GridContainer>
                 <AccordionLoadingSkeleton />
               </div>
diff --git a/containers/ecr-viewer/src/app/view-data/components/SideNav.tsx b/containers/ecr-viewer/src/app/view-data/components/SideNav.tsx
index 530fbc52bd..3ce83b6c83 100644
--- a/containers/ecr-viewer/src/app/view-data/components/SideNav.tsx
+++ b/containers/ecr-viewer/src/app/view-data/components/SideNav.tsx
@@ -217,7 +217,7 @@ const SideNav: React.FC = () => {
   let sideNavItems = buildSideNav(sectionConfigs);
 
   return (
-    <div className="nav-wrapper">
+    <div className="nav-wrapper padding-top-1-25">
       <nav
         className={classNames("sticky-nav", {
           "top-0": !isNonIntegratedViewer,
diff --git a/containers/ecr-viewer/src/app/view-data/page.tsx b/containers/ecr-viewer/src/app/view-data/page.tsx
index 50875d9e59..a83b7b2d36 100644
--- a/containers/ecr-viewer/src/app/view-data/page.tsx
+++ b/containers/ecr-viewer/src/app/view-data/page.tsx
@@ -108,9 +108,15 @@ const ECRViewerPage: React.FC = () => {
             <div className="content-wrapper">
               <SideNav />
               <div className={"ecr-viewer-container"}>
-                <h2 className="margin-bottom-3" id="ecr-summary">
-                  eCR Summary
-                </h2>
+                <div className="margin-bottom-3">
+                  <h2 className="margin-bottom-05" id="ecr-summary">
+                    eCR Summary
+                  </h2>
+                  <div className="text-base-darker line-height-sans-5">
+                    Provides key info upfront to help you understand the eCR at
+                    a glance
+                  </div>
+                </div>
                 <EcrSummary
                   patientDetails={
                     evaluateEcrSummaryPatientDetails(fhirBundle, mappings)
@@ -131,7 +137,7 @@ const ECRViewerPage: React.FC = () => {
                   <GridContainer
                     className={"padding-0 margin-bottom-3 maxw-none"}
                   >
-                    <Grid row>
+                    <Grid row className="margin-bottom-05">
                       <Grid>
                         <h2 className="margin-bottom-0" id="ecr-document">
                           eCR Document
@@ -151,6 +157,10 @@ const ECRViewerPage: React.FC = () => {
                         />
                       </Grid>
                     </Grid>
+                    <div className="text-base-darker line-height-sans-5">
+                      Displays entire eICR and RR documents to help you dig
+                      further into eCR data
+                    </div>
                   </GridContainer>
                   <AccordionContent
                     fhirPathMappings={mappings}
diff --git a/containers/ecr-viewer/src/styles/utilities.scss b/containers/ecr-viewer/src/styles/utilities.scss
index 4f207fc254..25c27b15f6 100644
--- a/containers/ecr-viewer/src/styles/utilities.scss
+++ b/containers/ecr-viewer/src/styles/utilities.scss
@@ -45,3 +45,6 @@
   width: 25%;
 }
 
+.padding-top-1-25 {
+  padding-top: 0.625rem;
+}