diff --git a/modules/Layout/Layout.tsx b/modules/Layout/Layout.tsx
index 76b3e52f..b02f470f 100644
--- a/modules/Layout/Layout.tsx
+++ b/modules/Layout/Layout.tsx
@@ -1,6 +1,6 @@
 import { Analytics, useAnalyticsContext } from '@prezly/analytics-nextjs';
 import { PageSeo, useNewsroom, useNewsroomContext } from '@prezly/theme-kit-nextjs';
-import { LoadingBar, ScrollToTopButton } from '@prezly/themes-ui-components';
+import { LoadingBar, NotificationsBar, ScrollToTopButton } from '@prezly/themes-ui-components';
 import dynamic from 'next/dynamic';
 import { Router } from 'next/router';
 import type { PropsWithChildren } from 'react';
@@ -29,13 +29,14 @@ const CookieConsentBar = dynamic(() => import('./CookieConsentBar'), {
 function Layout({ children, description, imageUrl, title, hasError }: PropsWithChildren<Props>) {
     const [isLoadingPage, setIsLoadingPage] = useState(false);
     const newsroom = useNewsroom();
-    const { contacts } = useNewsroomContext();
+    const { contacts, notifications } = useNewsroomContext();
     const { isEnabled: isAnalyticsEnabled } = useAnalyticsContext();
 
     useEffect(() => {
         function onRouteChangeStart() {
             setIsLoadingPage(true);
         }
+
         function routeChangeComplete() {
             setIsLoadingPage(false);
         }
@@ -59,6 +60,7 @@ function Layout({ children, description, imageUrl, title, hasError }: PropsWithC
                 noindex={!isAnalyticsEnabled}
                 nofollow={!isAnalyticsEnabled}
             />
+            <NotificationsBar notifications={notifications} />
             <CookieConsentBar />
             <div className={styles.layout}>
                 <Header hasError={hasError} />
@@ -75,4 +77,5 @@ function Layout({ children, description, imageUrl, title, hasError }: PropsWithC
         </>
     );
 }
+
 export default Layout;
diff --git a/package-lock.json b/package-lock.json
index b70c9cb9..8d7b8d5f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
         "@prezly/story-content-format": "0.56.2",
         "@prezly/theme-kit-nextjs": "1.17.0",
         "@prezly/themes-intl-messages": "1.15.0",
-        "@prezly/themes-ui-components": "0.6.1",
+        "@prezly/themes-ui-components": "0.7.0",
         "@prezly/uploadcare": "2.3.4",
         "@prezly/uploadcare-image": "0.3.1",
         "@react-hookz/web": "14.7.1",
@@ -2645,9 +2645,9 @@
       }
     },
     "node_modules/@prezly/themes-ui-components": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@prezly/themes-ui-components/-/themes-ui-components-0.6.1.tgz",
-      "integrity": "sha512-KxwQzNgh/nma9PA57tFBUXol38SE+DeA9dk5vF3GHXk7JLEPPdeOTAHuFtFygo3WASpHr4DT5ilBmwDX4NQAng==",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@prezly/themes-ui-components/-/themes-ui-components-0.7.0.tgz",
+      "integrity": "sha512-7nM8EX9iT8aKNhI5HkgjPJ5UuDkDN2Mul1+aS1nQgvXj/otDgsdwA2fGzq/T/J/b55GzqkDUw667NQTN4iyzaw==",
       "dependencies": {
         "@headlessui/react": "^1.6.4",
         "@prezly/icons": "^0.3.1",
@@ -17407,9 +17407,9 @@
       }
     },
     "node_modules/valid-data-url": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/valid-data-url/-/valid-data-url-4.0.0.tgz",
-      "integrity": "sha512-mV5E0AG/F2yPiJzYlhyooI83BLIV0i4h/ueZwdxr1Mh8ZeKKpcFZLbZbAAedL/PLd11sqIgppJBrb4SNXA0PMQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/valid-data-url/-/valid-data-url-4.0.1.tgz",
+      "integrity": "sha512-t0oA6VCnlQ/MPKP/Ie9ZD3biEpB2JTxK1Hx4KC72RbhubL9HsXznoBn228UQTazL7cPvsY36bhzt3fk424TjyA==",
       "engines": {
         "node": ">=10"
       }
@@ -19648,9 +19648,9 @@
       }
     },
     "@prezly/themes-ui-components": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@prezly/themes-ui-components/-/themes-ui-components-0.6.1.tgz",
-      "integrity": "sha512-KxwQzNgh/nma9PA57tFBUXol38SE+DeA9dk5vF3GHXk7JLEPPdeOTAHuFtFygo3WASpHr4DT5ilBmwDX4NQAng==",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@prezly/themes-ui-components/-/themes-ui-components-0.7.0.tgz",
+      "integrity": "sha512-7nM8EX9iT8aKNhI5HkgjPJ5UuDkDN2Mul1+aS1nQgvXj/otDgsdwA2fGzq/T/J/b55GzqkDUw667NQTN4iyzaw==",
       "requires": {
         "@headlessui/react": "^1.6.4",
         "@prezly/icons": "^0.3.1",
@@ -29547,9 +29547,9 @@
       "dev": true
     },
     "valid-data-url": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/valid-data-url/-/valid-data-url-4.0.0.tgz",
-      "integrity": "sha512-mV5E0AG/F2yPiJzYlhyooI83BLIV0i4h/ueZwdxr1Mh8ZeKKpcFZLbZbAAedL/PLd11sqIgppJBrb4SNXA0PMQ=="
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/valid-data-url/-/valid-data-url-4.0.1.tgz",
+      "integrity": "sha512-t0oA6VCnlQ/MPKP/Ie9ZD3biEpB2JTxK1Hx4KC72RbhubL9HsXznoBn228UQTazL7cPvsY36bhzt3fk424TjyA=="
     },
     "validate-npm-package-license": {
       "version": "3.0.4",
diff --git a/package.json b/package.json
index f9c5aa8a..d996ef15 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "@prezly/story-content-format": "0.56.2",
     "@prezly/theme-kit-nextjs": "1.17.0",
     "@prezly/themes-intl-messages": "1.15.0",
-    "@prezly/themes-ui-components": "0.6.1",
+    "@prezly/themes-ui-components": "0.7.0",
     "@prezly/uploadcare": "2.3.4",
     "@prezly/uploadcare-image": "0.3.1",
     "@react-hookz/web": "14.7.1",