diff --git a/website/client/src/components/header/banners/giftPromo.vue b/website/client/src/components/header/banners/giftPromo.vue
index 5308a9f658..f173e57973 100644
--- a/website/client/src/components/header/banners/giftPromo.vue
+++ b/website/client/src/components/header/banners/giftPromo.vue
@@ -3,6 +3,7 @@
     banner-id="gift-promo"
     class="gift-promo-banner"
     :show="showGiftPromoBanner"
+    height="3rem"
   >
     <div
       slot="content"
diff --git a/website/client/src/pages/private-messages.vue b/website/client/src/pages/private-messages.vue
index 20de0a8841..f73b690edc 100644
--- a/website/client/src/pages/private-messages.vue
+++ b/website/client/src/pages/private-messages.vue
@@ -193,7 +193,7 @@
 
   #private-message {
     height: calc(100vh - #{$menuToolbarHeight} -
-      var(--banner-gifting-height, 0px) -
+      var(--banner-gift-promo-height, 0px) -
       var(--banner-damage-paused-height, 0px) -
       var(--banner-gems-promo-height, 0px)
     ); // css variable magic :), must be 0px, 0 alone won't work
@@ -201,7 +201,7 @@
     .content {
       flex: 1;
       height: calc(100vh - #{$menuToolbarHeight} - #{$pmHeaderHeight} -
-        var(--banner-gifting-height, 0px) -
+        var(--banner-gift-promo-height, 0px) -
         var(--banner-damage-paused-height, 0px) -
         var(--banner-gems-promo-height, 0px)
       );