diff --git a/assets/js/main.js b/assets/js/main.js
index a68e241924f..8b17db53fec 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -147,7 +147,7 @@ $(document).ready(function () {
             });
 
             subscribe_iframe.one('load', function () {
-                subscribe_placeholder.hide();
+                subscribe_placeholder.removeClass('d-flex').addClass('d-none');
                 subscribe_iframe.css('display', 'block');
             });
 
diff --git a/assets/scss/__portal-custom.scss b/assets/scss/__portal-custom.scss
index d49001ccdaa..0f630c37c77 100644
--- a/assets/scss/__portal-custom.scss
+++ b/assets/scss/__portal-custom.scss
@@ -33,6 +33,15 @@
     overflow-y: auto;
 }
 
+#subscribeModal .subscribe-modal-dialog {
+    max-width: 680px;
+}
+
+#subscribeModal .subscribe-modal-body {
+    height: 60vh;
+    max-height: 34rem;
+}
+
 #searchModal .pagefind-ui__filter-block {
     position: sticky;
     top: 0;
diff --git a/themes/dohmh/layouts/partials/subscribe-modal.html b/themes/dohmh/layouts/partials/subscribe-modal.html
index 619a6f6f8bf..6e3eb7596ae 100644
--- a/themes/dohmh/layouts/partials/subscribe-modal.html
+++ b/themes/dohmh/layouts/partials/subscribe-modal.html
@@ -1,9 +1,9 @@
 {{- $subscribe_form_url := "https://docs.google.com/forms/d/e/1FAIpQLSfUg3JE5ODNc6aqBPJwM8mZ80TYtK6ISw-OM7PBwKuoN3M--g/viewform?embedded=true" -}}
 
 <div class="modal" tabindex="-1" role="dialog" id="subscribeModal" data-subscribe-form-url="{{ $subscribe_form_url }}">
-    <div class='modal-dialog modal-lg modal-dialog-centered' role='document'>
+    <div class='modal-dialog subscribe-modal-dialog modal-dialog-centered' role='document'>
         <div class='modal-content'>
-            <div class='modal-body' style="height:75vh;">
+            <div class='modal-body subscribe-modal-body'>
                 <div class='subscribe-form-placeholder d-flex align-items-center justify-content-center h-100'>
                     <p class='mb-0'>Loading subscription form...</p>
                 </div>