diff --git a/common/common.scss b/common/common.scss
index 5e107c0..773248b 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -21,6 +21,10 @@
       width: 100%;
       margin: 0 auto;
     }
+
+    .below-site-header.welcome-card {
+      max-width: calc(var(--d-sidebar-width, 0px) + var(--d-max-width, 1110px));
+    }
   }
   
   @media (max-width: 769px) {
diff --git a/javascripts/discourse/connectors/above-main-container-outlet/welcome-banner.hbs b/javascripts/discourse/connectors/above-main-outlet/welcome-banner.hbs
similarity index 98%
rename from javascripts/discourse/connectors/above-main-container-outlet/welcome-banner.hbs
rename to javascripts/discourse/connectors/above-main-outlet/welcome-banner.hbs
index 3f01c4b..9c705cc 100644
--- a/javascripts/discourse/connectors/above-main-container-outlet/welcome-banner.hbs
+++ b/javascripts/discourse/connectors/above-main-outlet/welcome-banner.hbs
@@ -1,6 +1,6 @@
 {{#if this.theme.enable_welcome_banner}}
 {{#unless (eq this.theme.banner_position "below_header")}}
-<section class="above-main-container-outlet welcome-card">
+<section class="above-main-outlet welcome-card">
     <div class="hero-section">
         <div class="hero-deco"></div>
         <div class="hero-content">
diff --git a/javascripts/discourse/connectors/above-main-container-outlet/welcome-banner.js b/javascripts/discourse/connectors/above-main-outlet/welcome-banner.js
similarity index 100%
rename from javascripts/discourse/connectors/above-main-container-outlet/welcome-banner.js
rename to javascripts/discourse/connectors/above-main-outlet/welcome-banner.js