diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css
index e891e7c225..c7bff8f760 100644
--- a/ghost/admin/app/styles/layouts/settings.css
+++ b/ghost/admin/app/styles/layouts/settings.css
@@ -1637,6 +1637,34 @@ p.theme-validation-details {
     pointer-events: none;
 }
 
+.gh-setting-members-portal-disabled {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 32px;
+    text-align: center;
+}
+
+.gh-setting-members-portal-disabled svg {
+    width: 44px;
+    height: 44px;
+}
+
+.gh-setting-members-portal-disabled svg path {
+    stroke-width: 1.2px;
+}
+
+.gh-setting-members-portal-disabled h4 {
+    font-size: 1.5rem;
+    font-weight: 500;
+    color: var(--darkgrey);
+}
+
+.gh-setting-members-portal-disabled p {
+    max-width: 240px;
+    font-weight: 400;
+}
+
 .gh-setting-members-portal-mock .site-frame {
     border-radius: 5px;
 }
diff --git a/ghost/admin/app/templates/settings/membership.hbs b/ghost/admin/app/templates/settings/membership.hbs
index 86c4246b63..7ab73ef27a 100644
--- a/ghost/admin/app/templates/settings/membership.hbs
+++ b/ghost/admin/app/templates/settings/membership.hbs
@@ -49,7 +49,11 @@
             <div class="gh-setting-members-portalpreview">
                 <div class="gh-setting-members-portal-mock">
                     {{#if (eq this.settings.membersSignupAccess 'none')}}
-                        PORTAL DISABLED
+                        <div class="gh-setting-members-portal-disabled">
+                            <span class="lightgrey">{{svg-jar "portal-logo-stroke"}}</span>
+                            <h4>Portal disabled</h4>
+                            <p>Change your Subscription Access setting to re-enable Portal</p>
+                        </div>
                     {{else}}
                         <GhSiteIframe
                             @src={{this.portalPreviewUrl}}
@@ -182,7 +186,7 @@
                                         </div>
                                     </div>
                                     {{#if this.stripePlanError}}
-                                        <p class="response w-100 red"> {{this.stripePlanError}} </p>
+                                        <p class="response w-100"><span class="red">{{this.stripePlanError}}</span></p>
                                     {{/if}}
                                 </GhFormGroup>