diff --git a/packages/dnb-design-system-portal/src/shared/parts/Layout.js b/packages/dnb-design-system-portal/src/shared/parts/Layout.js
index 0bf73bc9f4a..6b0f3d39c40 100644
--- a/packages/dnb-design-system-portal/src/shared/parts/Layout.js
+++ b/packages/dnb-design-system-portal/src/shared/parts/Layout.js
@@ -16,6 +16,10 @@ import classnames from 'classnames'
 import { buildVersion } from '../../../package.json'
 import { SidebarMenuProvider } from '../menu/SidebarMenuContext'
 
+// UI Style
+import 'dnb-ui-lib/src/style/patterns' // import ony patterns
+import 'dnb-ui-lib/src/style' // import both all components and the default theme
+
 class Layout extends PureComponent {
   static propTypes = {
     children: PropTypes.node.isRequired,
diff --git a/packages/dnb-design-system-portal/src/templates/mdx.js b/packages/dnb-design-system-portal/src/templates/mdx.js
index f39a0cf1f2c..00c07e65d3c 100644
--- a/packages/dnb-design-system-portal/src/templates/mdx.js
+++ b/packages/dnb-design-system-portal/src/templates/mdx.js
@@ -12,10 +12,6 @@ import MDXRenderer from 'gatsby-mdx/mdx-renderer'
 import { graphql, withPrefix } from 'gatsby'
 import inlineTags from '../shared/inlineTags'
 
-// UI Style
-import 'dnb-ui-lib/src/style/patterns' // import ony patterns
-import 'dnb-ui-lib/src/style' // import both all components and the default theme
-
 export default class MdxTemplate extends PureComponent {
   render() {
     const {