diff --git a/frontend/assets/css/hero-header-compact.css b/frontend/assets/css/hero-header-compact.css
index 5475e1c..e310e74 100644
--- a/frontend/assets/css/hero-header-compact.css
+++ b/frontend/assets/css/hero-header-compact.css
@@ -24,6 +24,7 @@
   .hero:not(.historical-hero) .hero__copy {
     max-width: 980px;
     align-content: center;
+    transform: translateX(clamp(18px, 2.2vw, 44px));
   }
 
   .hero:not(.historical-hero) .hero__title {
@@ -47,6 +48,10 @@
     gap: 40px;
   }
 
+  .hero:not(.historical-hero) .hero__copy {
+    transform: translateX(clamp(12px, 1.6vw, 24px));
+  }
+
   .hero:not(.historical-hero) .hero__title {
     font-size: clamp(3.6rem, 5.5vw, 5.1rem);
   }