diff --git a/packages/gatsby-theme-aio/CHANGELOG.md b/packages/gatsby-theme-aio/CHANGELOG.md
index 3116b8cd4b..8acb1a3637 100644
--- a/packages/gatsby-theme-aio/CHANGELOG.md
+++ b/packages/gatsby-theme-aio/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.11.11](https://github.com/adobe/aio-theme/compare/@adobe/gatsby-theme-aio@4.11.10...@adobe/gatsby-theme-aio@4.11.11) (2024-03-28)
+
+### Fix
+
+* **DEVSITE-1116:** Fit resources in main so it aligns correctly with hero [b01b2ab](https://github.com/adobe/aio-theme/pull/1567/commits/b01b2abbab9f969c3ee84299f9f4ff0f65a323e8)
+
 ## [4.11.10](https://github.com/adobe/aio-theme/compare/@adobe/gatsby-theme-aio@4.11.9...@adobe/gatsby-theme-aio@4.11.10) (2024-03-21)
 
 ### Features
diff --git a/packages/gatsby-theme-aio/package.json b/packages/gatsby-theme-aio/package.json
index 90874076f7..5e9feb8cd8 100644
--- a/packages/gatsby-theme-aio/package.json
+++ b/packages/gatsby-theme-aio/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/gatsby-theme-aio",
-  "version": "4.11.10",
+  "version": "4.11.11",
   "description": "The Adobe I/O theme for building markdown powered sites",
   "main": "index.js",
   "license": "Apache-2.0",
diff --git a/packages/gatsby-theme-aio/src/components/MDXFilter/index.js b/packages/gatsby-theme-aio/src/components/MDXFilter/index.js
index 1345a27162..dcdab1fcea 100644
--- a/packages/gatsby-theme-aio/src/components/MDXFilter/index.js
+++ b/packages/gatsby-theme-aio/src/components/MDXFilter/index.js
@@ -221,6 +221,7 @@ export default ({ children, pageContext, query }) => {
       (tableOfContentsItems.length > 1 ||
         (tableOfContentsItems.length === 1 && tableOfContentsItems[0]?.items?.length > 1) ||
         tableOfContentsItems[0]?.title);
+    const hasResources = Boolean(resourcesChild);
     const isFirstSubPage = selectedPage?.pathname === selectedPageSiblings?.[0]?.pathname;
 
     const columns = 12;
@@ -228,6 +229,9 @@ export default ({ children, pageContext, query }) => {
     if (hasOnThisPage) {
       diff.push(`${layoutColumns(2)} - var(--spectrum-global-dimension-size-400)`);
     }
+    if (hasResources) {
+      diff.push(`${layoutColumns(3)} - var(--spectrum-global-dimension-size-400)`);
+    }
     if (hasSideNav) {
       diff.push(SIDENAV_WIDTH);
     }
@@ -398,7 +402,7 @@ export default ({ children, pageContext, query }) => {
                 )}
               </div>
               {hasOnThisPage && <OnThisPage tableOfContents={tableOfContents} />}
-              {resourcesChild && resourcesChild}
+              {hasResources && resourcesChild}
             </div>
           </div>
           <Footer hasSideNav={hasSideNav} />