diff --git a/src/components/__tests__/__snapshots__/chip.test.js.snap b/src/components/__tests__/__snapshots__/chip.test.js.snap
index 11d157fe..f2f189b4 100644
--- a/src/components/__tests__/__snapshots__/chip.test.js.snap
+++ b/src/components/__tests__/__snapshots__/chip.test.js.snap
@@ -21,9 +21,9 @@ exports[`Chip renders with action 1`] = `
       role="img"
     >
       <svg
-        height="12px"
+        height="16"
         viewBox="0 0 16 16"
-        width="12px"
+        width="16"
         xmlns="http://www.w3.org/2000/svg"
       >
         <polygon
diff --git a/src/components/__tests__/__snapshots__/data-section.test.js.snap b/src/components/__tests__/__snapshots__/data-section.test.js.snap
index 4f50f02f..d4f62900 100644
--- a/src/components/__tests__/__snapshots__/data-section.test.js.snap
+++ b/src/components/__tests__/__snapshots__/data-section.test.js.snap
@@ -11,7 +11,7 @@ exports[`Data Section matches snapshot 1`] = `
     id="data"
   />
   <div
-    className="section-header___StyledDiv-sc-1i4pe2i-0 SXaMi"
+    className="section-header___StyledDiv-sc-1i4pe2i-0 cVNCrb"
     data-cy="data-section-header"
   >
     <a
@@ -23,7 +23,7 @@ exports[`Data Section matches snapshot 1`] = `
     </a>
   </div>
   <div
-    className="section__SectionContent-sc-1oozlr5-2 ivTKjv"
+    className="section__SectionContent-sc-1oozlr5-2 fHLdbu"
     mode="darkTheme"
   >
     <p>
@@ -145,10 +145,10 @@ exports[`Data Section matches snapshot 1`] = `
       </div>
     </div>
     <div
-      className="data-section___StyledDiv2-sc-11szotn-1 cOIOPW"
+      className="data-section___StyledDiv2-sc-11szotn-1 HIsGX"
     >
       <div
-        className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
+        className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
         data-cy="data-product"
       >
         <div>
@@ -200,7 +200,7 @@ exports[`Data Section matches snapshot 1`] = `
         </div>
       </div>
       <div
-        className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
+        className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
         data-cy="data-product"
       >
         <div>
@@ -211,7 +211,7 @@ exports[`Data Section matches snapshot 1`] = `
             CAMP2Ex P-3 Remotely Sensed Aerosol Data
           </label>
           <a
-            className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
+            className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
             data-cy="doi-link"
             href="http://dx.doi.org/10.5067/Airborne/CAMP2Ex_Aerosol_AircraftRemoteSensing_P3_Data_1"
             rel="noopener noreferrer"
@@ -283,7 +283,7 @@ exports[`Data Section matches snapshot 1`] = `
         </div>
       </div>
       <div
-        className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
+        className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
         data-cy="data-product"
       >
         <div>
@@ -335,7 +335,7 @@ exports[`Data Section matches snapshot 1`] = `
         </div>
       </div>
       <div
-        className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
+        className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
         data-cy="data-product"
       >
         <div>
@@ -387,7 +387,7 @@ exports[`Data Section matches snapshot 1`] = `
         </div>
       </div>
       <div
-        className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
+        className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
         data-cy="data-product"
       >
         <div>
diff --git a/src/components/__tests__/__snapshots__/footer.test.js.snap b/src/components/__tests__/__snapshots__/footer.test.js.snap
index 4c5ca64d..ee77adce 100644
--- a/src/components/__tests__/__snapshots__/footer.test.js.snap
+++ b/src/components/__tests__/__snapshots__/footer.test.js.snap
@@ -2,17 +2,15 @@
 
 exports[`Footer renders correctly 1`] = `
 <footer
-  className="footer___StyledFooter-sc-p4lrvs-2 gvKLaO"
+  className="footer__PageFooter-sc-p4lrvs-0 iGQidj"
   data-cy="page-footer"
 >
   <div
-    className="footer___StyledDiv-sc-p4lrvs-3 irzJlc"
+    className="footer__PageFooterInner-sc-p4lrvs-1 ekVidU"
   >
-    <div
-      className="footer___StyledDiv2-sc-p4lrvs-4 fvMgqH"
-    >
+    <div>
       <div
-        className="footer___StyledDiv3-sc-p4lrvs-5 iHlXaS"
+        className="footer___StyledDiv-sc-p4lrvs-4 iAhPYw"
         data-cy="footer-title"
       >
         NASA | CASEI
@@ -27,16 +25,15 @@ exports[`Footer renders correctly 1`] = `
       </p>
     </div>
     <div
-      className="footer___StyledDiv4-sc-p4lrvs-6 fEgwOa"
       data-cy="footer-explore"
     >
       <p
-        className="footer__Headline-sc-p4lrvs-1 huPSJz"
+        className="footer__Headline-sc-p4lrvs-3 fAfnvh"
       >
         Explore
       </p>
       <ul
-        className="footer__Ul-sc-p4lrvs-0 gJnPLs"
+        className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
       >
         <li>
           <a
@@ -63,7 +60,7 @@ exports[`Footer renders correctly 1`] = `
           </a>
         </li>
         <li
-          className="footer___StyledLi-sc-p4lrvs-7 cLywhE"
+          className="footer___StyledLi-sc-p4lrvs-5 cOBauy"
         >
           <a
             data-cy="footer-coming-soon-link"
@@ -74,17 +71,14 @@ exports[`Footer renders correctly 1`] = `
         </li>
       </ul>
     </div>
-    <div
-      className="footer___StyledDiv5-sc-p4lrvs-8 dlarCn"
-      data-cy="footer-resources"
-    >
+    <div>
       <p
-        className="footer__Headline-sc-p4lrvs-1 huPSJz"
+        className="footer__Headline-sc-p4lrvs-3 fAfnvh"
       >
         Resources
       </p>
       <ul
-        className="footer__Ul-sc-p4lrvs-0 gJnPLs"
+        className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
       >
         <li>
           <a
@@ -96,16 +90,15 @@ exports[`Footer renders correctly 1`] = `
       </ul>
     </div>
     <div
-      className="footer___StyledDiv6-sc-p4lrvs-9 kvWjsj"
       data-cy="footer-quick-links"
     >
       <p
-        className="footer__Headline-sc-p4lrvs-1 huPSJz"
+        className="footer__Headline-sc-p4lrvs-3 fAfnvh"
       >
         Quick Links
       </p>
       <ul
-        className="footer__Ul-sc-p4lrvs-0 gJnPLs"
+        className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
       >
         <li>
           <a
@@ -123,7 +116,7 @@ exports[`Footer renders correctly 1`] = `
         </li>
         <li>
           <a
-            className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
+            className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
             data-cy="api documentation-link"
             href="https://nasa-impact.github.io/admg-backend/documentation/api_doc.html"
             rel="noopener noreferrer"
@@ -158,20 +151,19 @@ exports[`Footer renders correctly 1`] = `
       </ul>
     </div>
     <div
-      className="footer___StyledDiv7-sc-p4lrvs-10 egifOX"
       data-cy="footer-organizations"
     >
       <p
-        className="footer__Headline-sc-p4lrvs-1 huPSJz"
+        className="footer__Headline-sc-p4lrvs-3 fAfnvh"
       >
         Organizations
       </p>
       <ul
-        className="footer__Ul-sc-p4lrvs-0 gJnPLs"
+        className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
       >
         <li>
           <a
-            className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
+            className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
             data-cy="admg-website-link"
             href="https://earthdata.nasa.gov/esds/impact/admg"
             rel="noopener noreferrer"
@@ -205,7 +197,7 @@ exports[`Footer renders correctly 1`] = `
         </li>
         <li>
           <a
-            className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
+            className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
             data-cy="impact-website-link"
             href="https://earthdata.nasa.gov/esds/impact"
             rel="noopener noreferrer"
@@ -239,14 +231,12 @@ exports[`Footer renders correctly 1`] = `
         </li>
       </ul>
     </div>
-    <hr
-      className="footer___StyledHr-sc-p4lrvs-11 eoPdla"
-    />
+    <hr />
     <div
-      className="footer___StyledDiv8-sc-p4lrvs-12 ssMNC"
+      className="footer___StyledDiv2-sc-p4lrvs-6 grPBXa"
     >
       <div
-        className="footer___StyledDiv9-sc-p4lrvs-13 fIhhKf"
+        className="footer___StyledDiv3-sc-p4lrvs-7 iuXYQY"
       >
         <a
           aria-label="Visit nasa.gov (opens in a new window)"
@@ -268,7 +258,7 @@ exports[`Footer renders correctly 1`] = `
             NASA Official:
              
             <span
-              className="footer___StyledSpan-sc-p4lrvs-14 dznhzw"
+              className="footer___StyledSpan-sc-p4lrvs-8 kOgjsV"
             >
               Rahul Ramachandran
             </span>
@@ -278,7 +268,7 @@ exports[`Footer renders correctly 1`] = `
     </div>
   </div>
   <div
-    className="footer___StyledDiv10-sc-p4lrvs-15 hmTsNQ"
+    className="footer___StyledDiv4-sc-p4lrvs-9 imNSLA"
     data-cy="footer-credit-devseed"
   >
     © 
@@ -286,7 +276,7 @@ exports[`Footer renders correctly 1`] = `
     , Built by
      
     <a
-      className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
+      className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
       data-cy="devseed-website-link"
       href="https://www.developmentseed.org"
       rel="noopener noreferrer"
diff --git a/src/components/__tests__/__snapshots__/header.test.js.snap b/src/components/__tests__/__snapshots__/header.test.js.snap
index a979c353..cd9b6d5f 100644
--- a/src/components/__tests__/__snapshots__/header.test.js.snap
+++ b/src/components/__tests__/__snapshots__/header.test.js.snap
@@ -2,29 +2,31 @@
 
 exports[`Header renders correctly 1`] = `
 <div
-  className="sticky-banner___StyledDiv-sc-e0ldth-0 gjXAxl"
+  className="sticky-banner___StyledDiv-sc-e0ldth-0 fAmbOa"
 >
   <header
-    className="header___StyledHeader-sc-4sefiz-0 eymLSC"
+    className="header__PageHeaderSelf-sc-4sefiz-0 esItOh"
     id="main-header"
+    mode="lightTheme"
   >
     <div
-      className="header___StyledDiv-sc-4sefiz-1 hgzXFp"
+      className="header__PageHeaderInner-sc-4sefiz-1 jolyZD"
     >
       <div
-        className="header___StyledDiv2-sc-4sefiz-2 hkPJce"
+        className="header___StyledDiv-sc-4sefiz-6 gZfonL"
       >
         <a
           aria-label="Visit nasa.gov (opens in a new window)"
+          className="header__BrandImageLink-sc-4sefiz-3 eImqit"
           href="https://www.nasa.gov"
           rel="noopener noreferrer"
           target="_blank"
         />
         <div
-          className="header___StyledDiv3-sc-4sefiz-3 xYXsp"
+          className="header___StyledDiv2-sc-4sefiz-7 hZZACY"
         />
         <a
-          className="header___StyledLink-sc-4sefiz-4 zwKr"
+          className="header___StyledLink-sc-4sefiz-8 fzkXbZ"
           href="/"
         >
           <svg
@@ -57,14 +59,40 @@ exports[`Header renders correctly 1`] = `
             </g>
           </svg>
           <div
-            className="header___StyledDiv4-sc-4sefiz-5 jQxBae"
+            className="header___StyledDiv3-sc-4sefiz-9 dgEIeO"
           >
             Shortname from props
           </div>
         </a>
       </div>
       <div
-        className="header___StyledDiv5-sc-4sefiz-6 iMBbkb"
+        className="header__PageNavToggleWrapper-sc-4sefiz-4 inGjsJ"
+      >
+        <button
+          className="button__Clickable-sc-1yw7vig-0 button___StyledClickable-sc-1yw7vig-2 fRqvWm bvKEjn"
+          onClick={[Function]}
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"
+              fill="#262a31"
+            />
+            <path
+              d="M1,9h14V7H1V9z M1,14h14v-2H1V14z M1,2v2h14V2H1z"
+            />
+          </svg>
+        </button>
+      </div>
+      <nav
+        className="header__PageNavWrapper-sc-4sefiz-2 ca-dZgN"
+        mode="lightTheme"
+        role="navigation"
       />
     </div>
   </header>
diff --git a/src/components/__tests__/__snapshots__/hero.test.js.snap b/src/components/__tests__/__snapshots__/hero.test.js.snap
index 9e1a5a42..feb37292 100644
--- a/src/components/__tests__/__snapshots__/hero.test.js.snap
+++ b/src/components/__tests__/__snapshots__/hero.test.js.snap
@@ -6,24 +6,26 @@ exports[`Header renders correctly 1`] = `
   data-cy="test-hero"
 >
   <div
-    className="hero___StyledDiv-sc-qftwzr-4 XtAsv"
+    className="hero__HeroContentWrapper-sc-qftwzr-1 dEHppu"
   >
     <div
-      className="hero___StyledDiv2-sc-qftwzr-5 kAspDW"
+      className="hero___StyledDiv-sc-qftwzr-6 hubuVj"
     >
       <p
-        className="hero___StyledP-sc-qftwzr-7 yHaZP"
+        className="hero___StyledP-sc-qftwzr-8 hbWiGQ"
       >
         Instrument
       </p>
-      <h1>
+      <h1
+        className="hero__HeroTitle-sc-qftwzr-2 ivhDcq"
+      >
         2D-C/P
          
         2D-C/P Hydrometeor Imaging Probe
       </h1>
     </div>
     <div
-      className="hero___StyledDiv3-sc-qftwzr-8 eeIULr"
+      className="hero___StyledDiv2-sc-qftwzr-9 eJqIxP"
     >
       <p>
         The 2DC probe records images of hydrometeors...
@@ -37,7 +39,7 @@ exports[`Header renders correctly 1`] = `
           Data Shortcut
         </span>
         <div
-          className="typeahead-box___StyledDiv2-sc-1kp6jj-2 gRJNDe"
+          className="typeahead-box___StyledDiv2-sc-1kp6jj-2 byvdUB"
         >
           <input
             className="typeahead-box___StyledInput-sc-1kp6jj-3 ddjRvz"
@@ -91,24 +93,26 @@ exports[`Header renders with adjust ratios 1`] = `
   data-cy="undefined-hero"
 >
   <div
-    className="hero___StyledDiv-sc-qftwzr-4 fnFsnz"
+    className="hero__HeroContentWrapper-sc-qftwzr-1 ehQfhu"
   >
     <div
-      className="hero___StyledDiv2-sc-qftwzr-5 kAspDW"
+      className="hero___StyledDiv-sc-qftwzr-6 hubuVj"
     >
       <p
-        className="hero___StyledP-sc-qftwzr-7 yHaZP"
+        className="hero___StyledP-sc-qftwzr-8 hbWiGQ"
       >
         Instrument
       </p>
-      <h1>
+      <h1
+        className="hero__HeroTitle-sc-qftwzr-2 ivhDcq"
+      >
         2D-C/P
          
         2D-C/P Hydrometeor Imaging Probe
       </h1>
     </div>
     <div
-      className="hero___StyledDiv3-sc-qftwzr-8 eeIULr"
+      className="hero___StyledDiv2-sc-qftwzr-9 eJqIxP"
     >
       <p>
         The 2DC probe records images of hydrometeors...
@@ -122,7 +126,7 @@ exports[`Header renders with adjust ratios 1`] = `
           Data Shortcut
         </span>
         <div
-          className="typeahead-box___StyledDiv2-sc-1kp6jj-2 gRJNDe"
+          className="typeahead-box___StyledDiv2-sc-1kp6jj-2 byvdUB"
         >
           <input
             className="typeahead-box___StyledInput-sc-1kp6jj-3 ddjRvz"
diff --git a/src/templates/campaign/__tests__/__snapshots__/focus-section.test.js.snap b/src/templates/campaign/__tests__/__snapshots__/focus-section.test.js.snap
index 8cbca9e8..10a3bc56 100644
--- a/src/templates/campaign/__tests__/__snapshots__/focus-section.test.js.snap
+++ b/src/templates/campaign/__tests__/__snapshots__/focus-section.test.js.snap
@@ -11,7 +11,7 @@ exports[`Focus Section displays content 1`] = `
     id="focus"
   />
   <div
-    className="section-header___StyledDiv-sc-1i4pe2i-0 SXaMi"
+    className="section-header___StyledDiv-sc-1i4pe2i-0 cVNCrb"
     data-cy="focus-section-header"
   >
     <a
@@ -23,7 +23,7 @@ exports[`Focus Section displays content 1`] = `
     </a>
   </div>
   <div
-    className="section__SectionContent-sc-1oozlr5-2 focus-section___StyledSectionContent-sc-tyy683-1 ivTKjv hFoHvE"
+    className="section__SectionContent-sc-1oozlr5-2 focus-section___StyledSectionContent-sc-tyy683-1 fHLdbu hFoHvE"
     mode="darkTheme"
   >
     <div
@@ -82,7 +82,7 @@ exports[`Focus Section displays content 1`] = `
         className="focus-section__FocusContent-sc-tyy683-0 hhthVO"
       >
         <div
-          className="button__Clickable-sc-1yw7vig-0 button___StyledClickable-sc-1yw7vig-2 fRqvWm kUpNvF"
+          className="button__Clickable-sc-1yw7vig-0 button___StyledClickable-sc-1yw7vig-2 fRqvWm dHTFWE"
         >
           <a
             data-cy="geophysical-concept-link"
diff --git a/src/templates/campaign/__tests__/__snapshots__/platform-section.test.js.snap b/src/templates/campaign/__tests__/__snapshots__/platform-section.test.js.snap
index 418c1dc5..d6b70143 100644
--- a/src/templates/campaign/__tests__/__snapshots__/platform-section.test.js.snap
+++ b/src/templates/campaign/__tests__/__snapshots__/platform-section.test.js.snap
@@ -11,7 +11,7 @@ exports[`Platform Section displays content 1`] = `
     id="platform"
   />
   <div
-    className="section-header___StyledDiv-sc-1i4pe2i-0 SXaMi"
+    className="section-header___StyledDiv-sc-1i4pe2i-0 cVNCrb"
     data-cy="platform-section-header"
   >
     <a
@@ -23,7 +23,7 @@ exports[`Platform Section displays content 1`] = `
     </a>
   </div>
   <div
-    className="section__SectionContent-sc-1oozlr5-2 ivTKjv"
+    className="section__SectionContent-sc-1oozlr5-2 fHLdbu"
     mode="darkTheme"
   >
     <div
@@ -34,13 +34,13 @@ exports[`Platform Section displays content 1`] = `
         data-cy="carousel-list-text-control"
       >
         <button
-          className="button__Clickable-sc-1yw7vig-0 button___StyledClickable-sc-1yw7vig-2 fRqvWm jVedgi"
+          className="button__Clickable-sc-1yw7vig-0 button___StyledClickable-sc-1yw7vig-2 fRqvWm cCPXgL"
           onClick={[Function]}
         >
           J-31
         </button>
         <button
-          className="button__Clickable-sc-1yw7vig-0 button___StyledClickable-sc-1yw7vig-2 fRqvWm kUpNvF"
+          className="button__Clickable-sc-1yw7vig-0 button___StyledClickable-sc-1yw7vig-2 fRqvWm dHTFWE"
           onClick={[Function]}
         >
           Aerosonde
diff --git a/src/templates/campaign/__tests__/__snapshots__/program-info-section.test.js.snap b/src/templates/campaign/__tests__/__snapshots__/program-info-section.test.js.snap
index b7729c2c..5240f523 100644
--- a/src/templates/campaign/__tests__/__snapshots__/program-info-section.test.js.snap
+++ b/src/templates/campaign/__tests__/__snapshots__/program-info-section.test.js.snap
@@ -11,7 +11,7 @@ exports[`Program Info Section renders logo when present in props 1`] = `
     id="program-info"
   />
   <div
-    className="section-header___StyledDiv-sc-1i4pe2i-0 SXaMi"
+    className="section-header___StyledDiv-sc-1i4pe2i-0 cVNCrb"
     data-cy="program-info-section-header"
   >
     <a
@@ -23,14 +23,14 @@ exports[`Program Info Section renders logo when present in props 1`] = `
     </a>
   </div>
   <div
-    className="section__SectionContent-sc-1oozlr5-2 eZkTzL"
+    className="section__SectionContent-sc-1oozlr5-2 dwmZKy"
     mode="darkTheme"
   >
     <div
-      className="program-info-section___StyledDiv-sc-celi18-0 kubiqB"
+      className="program-info-section___StyledDiv-sc-celi18-0 gqRZlk"
     >
       <div
-        className="program-info-section___StyledDiv2-sc-celi18-1 eiVFAq"
+        className="program-info-section___StyledDiv2-sc-celi18-1 jmfHdz"
       >
         <div
           className="program-info-section___StyledDiv3-sc-celi18-2 cbYsnX"
@@ -287,7 +287,7 @@ exports[`Program Info Section renders placeholder when no logo is available 1`]
     id="program-info"
   />
   <div
-    className="section-header___StyledDiv-sc-1i4pe2i-0 SXaMi"
+    className="section-header___StyledDiv-sc-1i4pe2i-0 cVNCrb"
     data-cy="program-info-section-header"
   >
     <a
@@ -299,14 +299,14 @@ exports[`Program Info Section renders placeholder when no logo is available 1`]
     </a>
   </div>
   <div
-    className="section__SectionContent-sc-1oozlr5-2 eZkTzL"
+    className="section__SectionContent-sc-1oozlr5-2 dwmZKy"
     mode="darkTheme"
   >
     <div
-      className="program-info-section___StyledDiv-sc-celi18-0 kubiqB"
+      className="program-info-section___StyledDiv-sc-celi18-0 gqRZlk"
     >
       <div
-        className="program-info-section___StyledDiv2-sc-celi18-1 eiVFAq"
+        className="program-info-section___StyledDiv2-sc-celi18-1 jmfHdz"
       >
         <svg
           height="120"
diff --git a/src/templates/instrument/__tests__/__snapshots__/overview-section.test.js.snap b/src/templates/instrument/__tests__/__snapshots__/overview-section.test.js.snap
index fb98b88a..a8b99a43 100644
--- a/src/templates/instrument/__tests__/__snapshots__/overview-section.test.js.snap
+++ b/src/templates/instrument/__tests__/__snapshots__/overview-section.test.js.snap
@@ -27,7 +27,7 @@ exports[`Overview Section displays content 1`] = `
     }
   >
     <div
-      className="section-header___StyledDiv-sc-1i4pe2i-0 SXaMi"
+      className="section-header___StyledDiv-sc-1i4pe2i-0 cVNCrb"
       data-cy="unique-id-section-header"
     >
       <a
@@ -40,7 +40,7 @@ exports[`Overview Section displays content 1`] = `
     </div>
   </span>
   <div
-    className="section__SectionContent-sc-1oozlr5-2 KrgTv"
+    className="section__SectionContent-sc-1oozlr5-2 lbiqbu"
     mode="lightTheme"
   >
     <h3>
@@ -134,7 +134,7 @@ exports[`Overview Section displays content 1`] = `
         </dt>
         <dd>
           <a
-            className="external-link___StyledA-sc-3ezy1s-0 cAMswR"
+            className="external-link___StyledA-sc-3ezy1s-0 imQDdv"
             data-cy="calibration-doi-link"
             href="http://dx.doi.org/10.5067/calibration"
             rel="noopener noreferrer"
@@ -181,7 +181,7 @@ exports[`Overview Section displays content 1`] = `
               className="overview-section___StyledLi3-sc-1oemh85-9 kDzWeD"
             >
               <a
-                className="external-link___StyledA-sc-3ezy1s-0 cAMswR"
+                className="external-link___StyledA-sc-3ezy1s-0 imQDdv"
                 data-cy="online-information-link"
                 href="http://www.example.com"
                 rel="noopener noreferrer"
@@ -219,7 +219,7 @@ exports[`Overview Section displays content 1`] = `
     </section>
   </div>
   <div
-    className="section__SectionContent-sc-1oozlr5-2 jZFvXE"
+    className="section__SectionContent-sc-1oozlr5-2 cpDwKd"
     mode="lightTheme"
   >
     <ul
@@ -287,7 +287,7 @@ exports[`Overview Section displays content 1`] = `
           DOI:
            
           <a
-            className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
+            className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
             data-cy="instrument-doi-link"
             href="http://dx.doi.org/10.5067/instrument"
             rel="noopener noreferrer"
@@ -350,7 +350,7 @@ exports[`Overview Section displays content 1`] = `
             className="list-link___StyledLi-sc-xxtxki-0 iqaryc"
           >
             <a
-              className="external-link___StyledA-sc-3ezy1s-0 cAMswR"
+              className="external-link___StyledA-sc-3ezy1s-0 imQDdv"
               data-cy="test-link"
               href="http://www.example.com"
               rel="noopener noreferrer"
@@ -386,7 +386,7 @@ exports[`Overview Section displays content 1`] = `
             className="list-link___StyledLi-sc-xxtxki-0 iqaryc"
           >
             <a
-              className="external-link___StyledA-sc-3ezy1s-0 cAMswR"
+              className="external-link___StyledA-sc-3ezy1s-0 imQDdv"
               data-cy="test2-link"
               href="http://www.example.com"
               rel="noopener noreferrer"