diff --git a/network-api/networkapi/templates/fragments/publication_hero.html b/network-api/networkapi/templates/fragments/publication_hero.html
index 26dc7b607..7100fd2f2 100644
--- a/network-api/networkapi/templates/fragments/publication_hero.html
+++ b/network-api/networkapi/templates/fragments/publication_hero.html
@@ -3,7 +3,7 @@
 {% get_page_authors page as authors %}
 
 <div
-  class="publication-hero-container tw-bg-gradient-to-b tw-from-gray-60 tw-to-gray-80 {% if size %} small {% endif %}"
+  class="publication-hero-container tw-bg-gradient-to-b tw-from-gray-60 tw-to-gray-80 {% if size == "small" %} small tw-pt-[7rem] tw-pb-[9rem] {% else %} tw-pt-[9rem] tw-pb-[12rem] {% endif %}"
   {% if page.hero_image %}
     {% image page.hero_image fill-1400x675 as bg_img %}
     style='background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("{{ bg_img.url }}")'
diff --git a/source/sass/views/publication.scss b/source/sass/views/publication.scss
index 06dd179df..a242cf95d 100644
--- a/source/sass/views/publication.scss
+++ b/source/sass/views/publication.scss
@@ -11,15 +11,8 @@
 }
 
 .publication-hero-container {
-  padding-top: 137px;
-  padding-bottom: 184px;
   background-size: cover;
 
-  &.small {
-    padding-top: 105px;
-    padding-bottom: 140px;
-  }
-
   .publication-breadcrumb.tw-body-small a {
     font-size: 16px;
     color: $lightest-blue;