diff --git a/src/organisms/documentation/index.js b/src/organisms/documentation/index.js
index e04a20150..4311ad81e 100644
--- a/src/organisms/documentation/index.js
+++ b/src/organisms/documentation/index.js
@@ -59,6 +59,7 @@ const Documentation = ({
   onGoToDemoClick,
   children,
   demoUrl,
+  modalProps = {},
 }) => {
   const [isOpen, toggle] = useToggle()
   const [view, setView] = useState(views.general)
@@ -93,6 +94,7 @@ const Documentation = ({
                       max: isGeneral ? "325px" : view === views.dashboard ? "600px" : "100%",
                     }}
                     data-testid="documentation-layer"
+                    {...modalProps}
                   >
                     <Header onClose={closeClicked}>
                       {isGeneral && (
diff --git a/src/organisms/news/index.js b/src/organisms/news/index.js
index 061b65e8d..af68e6895 100644
--- a/src/organisms/news/index.js
+++ b/src/organisms/news/index.js
@@ -10,7 +10,7 @@ import useFetchNews from "./useFetchNews"
 
 const emptyArray = []
 
-const News = ({ app = "cloud", onCloseClick, children }) => {
+const News = ({ app = "cloud", onCloseClick, modalProps = {}, children }) => {
   const lastSeen = localStorage.getItem("news_last_seen")
   const [news, setNews] = useState(emptyArray)
   const [error, setError] = useState()
@@ -53,6 +53,7 @@ const News = ({ app = "cloud", onCloseClick, children }) => {
             height={{ max: "640px" }}
             gap={4}
             column
+            {...modalProps}
           >
             <Header onClose={onClose} />
             <Container column gap={6}>