diff --git a/package-lock.json b/package-lock.json
index e06ae25a447..3fedd4a49e0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15826,6 +15826,19 @@
         }
       ]
     },
+    "node_modules/iframe-resizer": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/iframe-resizer/-/iframe-resizer-4.3.6.tgz",
+      "integrity": "sha512-wz0WodRIF6eP0oGQa5NIP1yrITAZ59ZJvVaVJqJRjaeCtfm461vy2C3us6CKx0e7pooqpIGLpVMSTzrfAjX9Sg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/davidjbradshaw/iframe-resizer/blob/master/FUNDING.md"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
@@ -36793,6 +36806,7 @@
         "@types/react-dom": "18.0.11",
         "eslint": "8.37.0",
         "eslint-config-next": "13.2.4",
+        "iframe-resizer": "^4.3.6",
         "open-cli": "^7.2.0",
         "sass": "^1.60.0",
         "typescript": "4.9.5"
@@ -48537,6 +48551,7 @@
         "@types/react-dom": "18.0.11",
         "eslint": "8.37.0",
         "eslint-config-next": "13.2.4",
+        "iframe-resizer": "^4.3.6",
         "next": "13.2.4",
         "open-cli": "^7.2.0",
         "react": "18.2.0",
@@ -52237,6 +52252,12 @@
       "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
       "dev": true
     },
+    "iframe-resizer": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/iframe-resizer/-/iframe-resizer-4.3.6.tgz",
+      "integrity": "sha512-wz0WodRIF6eP0oGQa5NIP1yrITAZ59ZJvVaVJqJRjaeCtfm461vy2C3us6CKx0e7pooqpIGLpVMSTzrfAjX9Sg==",
+      "dev": true
+    },
     "ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
diff --git a/showcases/patternhub/components/default-page.tsx b/showcases/patternhub/components/default-page.tsx
index 6dbd170b3ae..4dc90664caf 100644
--- a/showcases/patternhub/components/default-page.tsx
+++ b/showcases/patternhub/components/default-page.tsx
@@ -13,6 +13,8 @@ import '@db-ui/core/dist/css/db-ui-core.vars.css';
 import { useRouter } from 'next/router';
 import { DbMainnavigationDataType } from '@db-ui/elements/dist/types/components/db-mainnavigation/db-mainnavigation-type';
 import { useEffect, useState } from 'react';
+// Using this one for adapting our iframes on the Marketingportal
+import 'iframe-resizer/js/iframeResizer.contentWindow.min.js';
 
 const getRoutesWithCurrent = (
 	routes: DbMainnavigationDataType[],
diff --git a/showcases/patternhub/package.json b/showcases/patternhub/package.json
index 958e11146f2..24dba1de355 100644
--- a/showcases/patternhub/package.json
+++ b/showcases/patternhub/package.json
@@ -33,6 +33,7 @@
     "@types/react-dom": "18.0.11",
     "eslint": "8.37.0",
     "eslint-config-next": "13.2.4",
+    "iframe-resizer": "^4.3.6",
     "open-cli": "^7.2.0",
     "sass": "^1.60.0",
     "typescript": "4.9.5"