diff --git a/packages/common/src/scss/_print.scss b/packages/common/src/scss/_print.scss
new file mode 100644
index 00000000..19b20bd6
--- /dev/null
+++ b/packages/common/src/scss/_print.scss
@@ -0,0 +1,52 @@
+@media print {
+  // page setup
+  @page {
+    size: legal portrait;
+  }
+  @page :left {
+    margin-left: 0.5in;
+  }
+  @page :right {
+    margin-right: 0.5in;
+  }
+
+  // style adaptations
+  *,
+  *:before,
+  *:after,
+  *:first-letter,
+  p:first-line,
+  div:first-line,
+  blockquote:first-line,
+  li:first-line {
+    background: transparent !important;
+    color: #000 !important; /* Black prints faster:
+								   http://www.sanbeiji.com/archives/953 */
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    page-break-after: avoid;
+  }
+  table,
+  figure {
+    page-break-inside: avoid;
+  }
+  main {
+    a[href]:after {
+      content: ' (' attr(href) ')';
+    }
+
+    abbr[title]:after {
+      content: ' (' attr(title) ')';
+    }
+  }
+  .container {
+    @apply max-w-none px-0;
+  }
+}
diff --git a/packages/common/src/scss/components/_BlockKeyPoints.scss b/packages/common/src/scss/components/_BlockKeyPoints.scss
index c41d0f7b..b85c0a62 100644
--- a/packages/common/src/scss/components/_BlockKeyPoints.scss
+++ b/packages/common/src/scss/components/_BlockKeyPoints.scss
@@ -1,29 +1,32 @@
 .BlockKeyPoints {
-  ul li {
-    &::before {
-      @apply bg-primary;
-      @apply inline-block;
-      @apply relative;
-      @apply mr-4;
-      @apply shrink-0;
-      @apply mt-3;
+  @media not print {
+    ul li {
+      &::before {
+        @apply bg-primary;
+        @apply inline-block;
+        @apply relative;
+        @apply mr-4;
+        @apply shrink-0;
+        @apply mt-3;
+        @apply print:hidden;
 
-      content: '';
-      width: 30px;
-      height: 2px;
-      vertical-align: middle;
-    }
-
-    .BlockText {
-      p {
-        @apply mb-2;
+        content: '';
+        width: 30px;
+        height: 2px;
+        vertical-align: middle;
+      }
 
-        @screen lg {
+      .BlockText {
+        p {
           @apply mb-2;
-        }
 
-        &:last-child {
-          @apply mb-0;
+          @screen lg {
+            @apply mb-2;
+          }
+
+          &:last-child {
+            @apply mb-0;
+          }
         }
       }
     }
diff --git a/packages/common/src/scss/styles.scss b/packages/common/src/scss/styles.scss
index 608c968d..4033415f 100644
--- a/packages/common/src/scss/styles.scss
+++ b/packages/common/src/scss/styles.scss
@@ -24,3 +24,6 @@
 
 // components
 @import 'components';
+
+// print styles
+@import 'print';
diff --git a/packages/vue/src/components/BaseButton/BaseButton.vue b/packages/vue/src/components/BaseButton/BaseButton.vue
index 072b0179..def78f93 100644
--- a/packages/vue/src/components/BaseButton/BaseButton.vue
+++ b/packages/vue/src/components/BaseButton/BaseButton.vue
@@ -94,7 +94,7 @@ export default defineComponent({
 <template>
   <component
     :is="tag"
-    class="BaseButton text-contrast-none"
+    class="BaseButton text-contrast-none print:border print:!border-gray-dark print:text-center"
     :class="variantClass"
     :aria-label="ariaLabel"
     :disabled="disabled"
diff --git a/packages/vue/src/components/BaseImage/BaseImage.vue b/packages/vue/src/components/BaseImage/BaseImage.vue
index 08afe478..7793a5c5 100644
--- a/packages/vue/src/components/BaseImage/BaseImage.vue
+++ b/packages/vue/src/components/BaseImage/BaseImage.vue
@@ -103,7 +103,7 @@ export default defineComponent({
     <img
       v-if="src"
       ref="BaseImage"
-      class="BaseImage"
+      class="BaseImage print:border print:border-gray-mid"
       :class="computedClass"
       :data-src="src"
       :data-srcset="srcset"
diff --git a/packages/vue/src/components/BaseTag/BaseTag.vue b/packages/vue/src/components/BaseTag/BaseTag.vue
index 73127a40..f7a6cf33 100644
--- a/packages/vue/src/components/BaseTag/BaseTag.vue
+++ b/packages/vue/src/components/BaseTag/BaseTag.vue
@@ -28,7 +28,7 @@ const props = withDefaults(defineProps<BaseTagProps>(), {
 <template>
   <p
     :class="`${variantMap[props.variant]} ${sizeMap[props.size]}`"
-    class="ThemeVariantLight text-contrast-none inline-block text-white font-bold edu:font-extrabold rounded-full leading-tight m-0 uppercase"
+    class="ThemeVariantLight text-contrast-none inline-block text-white font-bold edu:font-extrabold rounded-full leading-tight m-0 uppercase print:border-none print:px-0"
   >
     <slot />
     <span class="sr-only">.</span>
diff --git a/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue b/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue
index d25ffeaf..dc73cd12 100644
--- a/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue
+++ b/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue
@@ -5,7 +5,7 @@
         v-if="data.url"
         ref="BlockIframeEmbed"
         loading="lazy"
-        class="w-full border-none"
+        class="w-full border-none print:!border print:border-gray-dark"
         :class="{ lazyload: !lazyNative }"
         :title="data.title"
         :data-src="data.url"
@@ -18,6 +18,7 @@
     <template v-else>
       <BaseImagePlaceholder
         v-if="data.url"
+        class="print:border print:border-gray-dark"
         aspect-ratio="16:9"
         dark-mode
       >
@@ -39,7 +40,7 @@
     </template>
     <div
       v-if="data.caption && data.caption.length > 2"
-      class="lg:px-0 p-4 pb-0"
+      class="lg:px-0 p-4 pb-0 print:pl-0"
     >
       <BaseImageCaption :data="data" />
     </div>
diff --git a/packages/vue/src/components/BlockImage/BlockImageStandard.vue b/packages/vue/src/components/BlockImage/BlockImageStandard.vue
index 67e5eb54..33f9f881 100644
--- a/packages/vue/src/components/BlockImage/BlockImageStandard.vue
+++ b/packages/vue/src/components/BlockImage/BlockImageStandard.vue
@@ -98,7 +98,7 @@ export default defineComponent({
     </MixinFancybox>
     <div
       v-if="theData && hasCaptionArea"
-      class="lg:px-0 p-4 pb-0"
+      class="lg:px-0 p-4 pb-0 print:pl-0"
     >
       <BaseImageCaption :data="theData" />
     </div>
diff --git a/packages/vue/src/components/BlockKeyPoints/BlockKeyPoints.vue b/packages/vue/src/components/BlockKeyPoints/BlockKeyPoints.vue
index a6a73896..56ceecb6 100644
--- a/packages/vue/src/components/BlockKeyPoints/BlockKeyPoints.vue
+++ b/packages/vue/src/components/BlockKeyPoints/BlockKeyPoints.vue
@@ -7,11 +7,11 @@
       class="mb-5"
       :data="{ heading: data.heading }"
     />
-    <ul>
+    <ul class="print:!list-disc">
       <li
         v-for="(item, index) in data.listItem"
         :key="index"
-        class="flex"
+        class="flex print:!list-item print:ml-4"
         :class="index + 1 === data.listItem.length ? 'mb-0' : 'mb-4'"
       >
         <BlockText
diff --git a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue
index 27a3348d..4f3daa9b 100644
--- a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue
+++ b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue
@@ -208,6 +208,7 @@ export default defineComponent({
     .BlockLinkCard__CardContent,
     .BlockLinkCard__CardArrow {
       @apply px-6;
+      @apply print:px-0;
     }
     .BaseImagePlaceholder {
       @apply bg-gray-mid-dark;
diff --git a/packages/vue/src/components/BlockRelatedLinks/BlockRelatedLinks.vue b/packages/vue/src/components/BlockRelatedLinks/BlockRelatedLinks.vue
index 57e2c892..3974166c 100644
--- a/packages/vue/src/components/BlockRelatedLinks/BlockRelatedLinks.vue
+++ b/packages/vue/src/components/BlockRelatedLinks/BlockRelatedLinks.vue
@@ -8,36 +8,38 @@
     >
       {{ data.heading }}
     </BaseHeading>
-    <div
+    <ul
       v-for="(link, index) in data.links"
       :key="index"
-      class="sm:w-3/4 md:w-2/3 lg:w-3/4 xl:w-2/3 mb-2"
+      class="sm:w-3/4 md:w-2/3 lg:w-3/4 xl:w-2/3 mb-2 print:list-disc print:ml-4"
     >
-      <template v-if="link.externalLink">
-        <RelatedLink
-          variant="external"
-          :href="link.externalLink"
-        >
-          {{ link.text }}
-        </RelatedLink>
-      </template>
-      <template v-else-if="link.document">
-        <RelatedLink
-          variant="document"
-          :href="link.document.url"
-        >
-          {{ link.text }}
-        </RelatedLink>
-      </template>
-      <template v-else-if="link.page">
-        <RelatedLink
-          variant="page"
-          :to="link.page.url"
-        >
-          {{ link.text }}
-        </RelatedLink>
-      </template>
-    </div>
+      <li>
+        <template v-if="link.externalLink">
+          <RelatedLink
+            variant="external"
+            :href="link.externalLink"
+          >
+            {{ link.text }}
+          </RelatedLink>
+        </template>
+        <template v-else-if="link.document">
+          <RelatedLink
+            variant="document"
+            :href="link.document.url"
+          >
+            {{ link.text }}
+          </RelatedLink>
+        </template>
+        <template v-else-if="link.page">
+          <RelatedLink
+            variant="page"
+            :to="link.page.url"
+          >
+            {{ link.text }}
+          </RelatedLink>
+        </template>
+      </li>
+    </ul>
   </div>
 </template>
 <script lang="ts">
diff --git a/packages/vue/src/components/BlockRelatedLinks/RelatedLink.vue b/packages/vue/src/components/BlockRelatedLinks/RelatedLink.vue
index 8760507c..63bb883d 100644
--- a/packages/vue/src/components/BlockRelatedLinks/RelatedLink.vue
+++ b/packages/vue/src/components/BlockRelatedLinks/RelatedLink.vue
@@ -3,16 +3,16 @@
     :is="tag"
     :to="to"
     :href="href"
-    class="bg-gray-light group text-body-lg flex items-center justify-between px-4 py-4 cursor-pointer"
+    class="bg-gray-light group text-body-lg flex items-center justify-between px-4 py-4 cursor-pointer print:px-0 print:py-0 print:block"
     :target="target"
     rel="noopener"
   >
-    <span class="can-hover:group-hover:underline min-w-12 block w-auto break-words">
+    <span class="can-hover:group-hover:underline min-w-12 block w-auto break-words print:inline">
       <slot />
     </span>
     <component
       :is="icon"
-      class="text-action xl:mx-4 flex-none ml-4 text-2xl leading-normal"
+      class="text-action xl:mx-4 flex-none ml-4 text-2xl leading-normal print:inline print:text-sm print:mx-2"
       :class="variant === 'external' ? 'text-lg' : 'text-3xl'"
     />
   </component>
diff --git a/packages/vue/src/components/BlockVideo/BlockVideo.vue b/packages/vue/src/components/BlockVideo/BlockVideo.vue
index 39dc03ee..698e7f05 100644
--- a/packages/vue/src/components/BlockVideo/BlockVideo.vue
+++ b/packages/vue/src/components/BlockVideo/BlockVideo.vue
@@ -10,7 +10,7 @@
 
     <div
       v-if="(data.caption && data.caption.length > 2) || data.credit"
-      class="lg:px-0 p-4 pb-0"
+      class="lg:px-0 p-4 pb-0 print:pl-0"
     >
       <BaseImageCaption :data="data" />
     </div>
diff --git a/packages/vue/src/components/BlockVideoEmbed/BlockVideoEmbed.vue b/packages/vue/src/components/BlockVideoEmbed/BlockVideoEmbed.vue
index 69ae7bc7..a9cb3bf3 100644
--- a/packages/vue/src/components/BlockVideoEmbed/BlockVideoEmbed.vue
+++ b/packages/vue/src/components/BlockVideoEmbed/BlockVideoEmbed.vue
@@ -11,7 +11,7 @@
     </BaseImagePlaceholder>
     <div
       v-if="data.caption"
-      class="lg:px-0 p-4"
+      class="lg:px-0 p-4 print:pl-0"
     >
       <BaseImageCaption :data="data" />
     </div>
diff --git a/packages/vue/src/components/EventDetailHero/EventDetailHero.vue b/packages/vue/src/components/EventDetailHero/EventDetailHero.vue
index a4e6e830..dbc296fe 100644
--- a/packages/vue/src/components/EventDetailHero/EventDetailHero.vue
+++ b/packages/vue/src/components/EventDetailHero/EventDetailHero.vue
@@ -21,7 +21,7 @@
         />
         <div
           v-if="startDateSplit || ongoing"
-          class="ThemeVariantLight absolute top-0 left-0 z-10 px-4 py-4 text-center text-white bg-primary"
+          class="ThemeVariantLight absolute top-0 left-0 z-10 px-4 py-4 text-center text-white bg-primary print:hidden"
         >
           <template v-if="ongoing">
             <div class="text-subtitle">Ongoing</div>
diff --git a/packages/vue/src/components/HeroMedia/HeroMedia.vue b/packages/vue/src/components/HeroMedia/HeroMedia.vue
index 577b537d..f39620e7 100644
--- a/packages/vue/src/components/HeroMedia/HeroMedia.vue
+++ b/packages/vue/src/components/HeroMedia/HeroMedia.vue
@@ -25,7 +25,7 @@
         </div>
         <div
           v-if="hasCaptionArea"
-          class="lg:hidden absolute bottom-0 left-0 w-full h-auto mx-auto"
+          class="lg:hidden absolute bottom-0 left-0 w-full h-auto mx-auto print:hidden"
         >
           <button
             class="bg-opacity-90 text-gray-dark flex items-center justify-center w-12 h-12 ml-auto bg-white cursor-pointer"
@@ -44,7 +44,7 @@
       <div
         v-if="hasCaptionArea"
         :class="captionVisibilityClass"
-        class="max-w-screen-3xl ThemeVariantGray bg-gray-light bg-opacity-90 lg:bg-opacity-100 ThemeVariantGray lg:block lg:pb-4 lg:px-3 xl:px-8 lg:pt-4 items-start p-4 mx-auto"
+        class="max-w-screen-3xl ThemeVariantGray bg-gray-light bg-opacity-90 lg:bg-opacity-100 ThemeVariantGray lg:block lg:pb-4 lg:px-3 xl:px-8 lg:pt-4 items-start p-4 mx-auto print:block"
       >
         <BaseImageCaption :data="theImageData || customCaption" />
       </div>
diff --git a/packages/vue/src/components/MixinCarousel/MixinCarousel.vue b/packages/vue/src/components/MixinCarousel/MixinCarousel.vue
index 140d40be..efae2bad 100644
--- a/packages/vue/src/components/MixinCarousel/MixinCarousel.vue
+++ b/packages/vue/src/components/MixinCarousel/MixinCarousel.vue
@@ -12,7 +12,7 @@
       <div
         v-if="heading || link"
         :class="colStart"
-        class="lg:pl-0 col-start-1 col-end-13 px-4 mb-1"
+        class="lg:pl-0 col-start-1 col-end-13 px-4 mb-1 print:px-0"
       >
         <div class="sm:flex flex-wrap items-center justify-between">
           <h2
@@ -35,7 +35,7 @@
       </div>
       <div
         :class="colStart"
-        class="lg:pl-0 sm:col-end-11 3xl:col-end-12 col-start-1 col-end-13 pl-4 overflow-x-visible"
+        class="lg:pl-0 sm:col-end-11 3xl:col-end-12 col-start-1 col-end-13 pl-4 print:pl-0 overflow-x-visible"
       >
         <!-- Slider main container -->
         <div
diff --git a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
index 01e83ef3..efeaa36a 100644
--- a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
+++ b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
@@ -19,6 +19,14 @@
         <NavLogoLinks class="w-[17rem] z-20 flex flex-shrink-0 my-2 -ml-1">
           <img
             :src="LogoWhite"
+            class="print:hidden"
+            alt="JPL Logo"
+            width="324"
+            height="72"
+          />
+          <img
+            :src="LogoColor"
+            class="hidden print:block"
             alt="JPL Logo"
             width="324"
             height="72"
@@ -119,6 +127,7 @@ import IconExternal from './../Icons/IconExternal.vue'
 import IconSearch from './../Icons/IconSearch.vue'
 import IconClose from './../Icons/IconClose.vue'
 import type { LinkObject, BreadcrumbObject } from './../../utils/mixins'
+import LogoColor from '@explorer-1/common/src/images/svg/logo-tribrand-color.svg'
 import LogoWhite from '@explorer-1/common/src/images/svg/logo-tribrand-white.svg'
 import type { BreadcrumbPathObject } from '../../interfaces'
 import {
@@ -179,7 +188,8 @@ export default defineComponent({
       // This is used in transition logic to avoid distracting animations on route changes
       // without this check, the nav would swoop in/out on a route change if it was visible before the route change occured (e.g. partially scrolled up on a page)
       scrolledCurrentPage: false,
-      LogoWhite: LogoWhite
+      LogoWhite: LogoWhite,
+      LogoColor: LogoColor
     }
   },
   computed: {
diff --git a/packages/vue/src/components/NavMobile/NavMobile.vue b/packages/vue/src/components/NavMobile/NavMobile.vue
index 1cd05f56..be92f77b 100644
--- a/packages/vue/src/components/NavMobile/NavMobile.vue
+++ b/packages/vue/src/components/NavMobile/NavMobile.vue
@@ -2,7 +2,7 @@
   <transition name="headerMobileReveal">
     <div
       v-show="headerVisible"
-      class="NavMobile border-gray-light-mid z-50 w-full transition-all duration-150 ease-in bg-white border-b edu:bg-gray-light edu:border-none"
+      class="NavMobile border-gray-light-mid z-50 w-full transition-all duration-150 ease-in bg-white border-b edu:bg-gray-light edu:border-none print:edu:!border-b print:border-black"
       :class="headerClasses"
     >
       <!-- navbar -->
@@ -13,13 +13,22 @@
           <!-- branding -->
           <div class="flex items-center">
             <NavLogoLinks class="lg:p-0 w-72 z-20 p-2 pl-0 -ml-3 edu:w-[12rem]">
-              <img
-                v-if="themeStore.theme === 'ThemeEdu'"
-                :src="LogoWhite"
-                alt="JPL Logo"
-                width="324"
-                height="72"
-              />
+              <template v-if="themeStore.theme === 'ThemeEdu'">
+                <img
+                  class="print:hidden"
+                  :src="LogoWhite"
+                  alt="JPL Logo"
+                  width="324"
+                  height="72"
+                />
+                <img
+                  class="hidden print:block"
+                  :src="LogoColor"
+                  alt="JPL Logo"
+                  width="324"
+                  height="72"
+                />
+              </template>
               <img
                 v-else
                 :src="LogoColor"
@@ -30,14 +39,14 @@
             </NavLogoLinks>
             <div
               v-if="themeStore.theme === 'ThemeEdu'"
-              class="-ml-1 pl-2 border-l border-white border-opacity-30 z-20"
+              class="-ml-1 pl-2 border-l border-white border-opacity-30 z-20 print:border-black"
             >
               <span class="text-white font-bold text-xl pl-px">Education</span>
             </div>
           </div>
           <button
             v-if="data"
-            class="text-gray-dark p-4 -mr-4 cursor-pointer"
+            class="print:hidden text-gray-dark p-4 -mr-4 cursor-pointer"
             :aria-label="menuVisible ? 'Close menu' : 'Open menu'"
             @click="toggleMenu"
           >
diff --git a/packages/vue/src/components/ShareButtons/ShareButtons.vue b/packages/vue/src/components/ShareButtons/ShareButtons.vue
index b457806b..bf4dbecf 100644
--- a/packages/vue/src/components/ShareButtons/ShareButtons.vue
+++ b/packages/vue/src/components/ShareButtons/ShareButtons.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="ShareButtons relative flex flex-row items-start border-collapse"
+    class="ShareButtons relative flex flex-row items-start border-collapse print:hidden"
     :class="{ 'lg:absolute lg:top-0 lg:left-0 lg:flex-col': !inline }"
   >
     <BaseButton
diff --git a/packages/vue/src/components/ShareButtonsEdu/ShareButtonsEdu.vue b/packages/vue/src/components/ShareButtonsEdu/ShareButtonsEdu.vue
index 68a29b42..33342280 100644
--- a/packages/vue/src/components/ShareButtonsEdu/ShareButtonsEdu.vue
+++ b/packages/vue/src/components/ShareButtonsEdu/ShareButtonsEdu.vue
@@ -89,7 +89,7 @@ const buttonClass = computed(() => {
 })
 </script>
 <template>
-  <div class="ShareButtonsEdu relative flex flex-row items-start border-collapse">
+  <div class="ShareButtonsEdu relative flex flex-row items-start border-collapse print:hidden">
     <BaseButton
       variant="social"
       :class="buttonClass"
diff --git a/packages/vue/src/components/TheFooter/TheFooter.vue b/packages/vue/src/components/TheFooter/TheFooter.vue
index f3af1262..7ac6985f 100644
--- a/packages/vue/src/components/TheFooter/TheFooter.vue
+++ b/packages/vue/src/components/TheFooter/TheFooter.vue
@@ -1,5 +1,7 @@
 <template>
-  <footer class="TheFooter bg-jpl-blue-darker edu:bg-stars edu:bg-primary text-white relative z-20">
+  <footer
+    class="TheFooter bg-jpl-blue-darker edu:bg-stars edu:bg-primary text-white relative z-20 print:px-4 print:border-t print:border-black"
+  >
     <div class="footer-main lg:BaseGrid 3xl:px-0 lg:pt-20 container px-4 pt-10 mx-auto">
       <div class="footer-navigation lg:block lg:col-span-9 hidden col-span-12">
         <!-- footerNavigation -->
diff --git a/packages/vue/src/templates/PageEventDetail/PageEventDetail.vue b/packages/vue/src/templates/PageEventDetail/PageEventDetail.vue
index 5bc6910c..310fdf58 100755
--- a/packages/vue/src/templates/PageEventDetail/PageEventDetail.vue
+++ b/packages/vue/src/templates/PageEventDetail/PageEventDetail.vue
@@ -270,10 +270,11 @@
     <LayoutHelper
       v-if="data.moreEvents && data.moreEvents.length > 0"
       indent="col-1"
-      class="my-12 lg:my-16"
+      class="my-12 lg:my-16 print:!px-4"
     >
       <BlockLinkCarousel
         item-type="cards"
+        class="print:!px-4"
         heading="MORE EVENTS"
         :items="data.moreEvents"
       />
diff --git a/packages/vue/src/templates/edu/PageEduEventDetail/PageEduEventDetail.vue b/packages/vue/src/templates/edu/PageEduEventDetail/PageEduEventDetail.vue
index bd23c368..04d70f72 100644
--- a/packages/vue/src/templates/edu/PageEduEventDetail/PageEduEventDetail.vue
+++ b/packages/vue/src/templates/edu/PageEduEventDetail/PageEduEventDetail.vue
@@ -40,7 +40,7 @@
       />
       <div
         v-if="formattedSplitEventDates"
-        class="ThemeVariantLight absolute top-0 left-0 z-10 px-4 py-4 text-center text-white bg-primary"
+        class="ThemeVariantLight absolute top-0 left-0 z-10 px-4 py-4 text-center text-white bg-primary print:hidden"
       >
         <div class="font-extrabold text-6xl leading-tight tracking-wider">
           {{ formattedSplitEventDates.month }}
@@ -328,7 +328,7 @@
     <!-- Related Content -->
     <div
       v-if="data.relatedContent?.length"
-      class="bg-stars bg-[#15003B] lg:py-24 lg:mt-24 py-12 mt-12"
+      class="bg-stars bg-[#15003B] lg:py-24 lg:mt-24 py-12 mt-12 print:px-4"
     >
       <BlockLinkCarousel
         class="ThemeVariantDark"
diff --git a/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue b/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue
index 9af7ac12..105e6363 100644
--- a/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue
+++ b/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue
@@ -192,7 +192,7 @@ export default defineComponent({
     <!-- related content -->
     <BlockLinkCarousel
       item-type="cards"
-      class="lg:my-24 my-12"
+      class="lg:my-24 my-12 print:px-4"
       :heading="data.relatedContentHeading"
       :items="data.relatedContent"
     />