diff --git a/packages/dnb-design-system-portal/src/pages/uilib/usage/customisation/styling.md b/packages/dnb-design-system-portal/src/pages/uilib/usage/customisation/styling.md
index 9634ea940bc..17929df9c18 100644
--- a/packages/dnb-design-system-portal/src/pages/uilib/usage/customisation/styling.md
+++ b/packages/dnb-design-system-portal/src/pages/uilib/usage/customisation/styling.md
@@ -9,6 +9,23 @@ draft: false
 
 The CSS is a compiled and minified version. You find it here: `dnb-ui-lib/style/dnb-ui-lib.min.css`
 
+## Apply the DNB Style
+
+To use the default DNB style, You have to define a CSS class called: `dnb-style`
+You could also set this class on the document body.
+
+<!-- prettier-ignore-start -->
+```html
+<div class="dnb-style">
+  <!-- The styled Content -->
+</div>
+```
+<!-- prettier-ignore-end -->
+
+### The Reason
+
+The benefits of explicitly defining the style class `dnb-style`, is that we could use the components by their own, without effecting all the existing styled core tags. This gives use a kind of backwards compatibility.
+
 ## For Node based environments
 
 To include the `dnb-ui-lib` styles (except patterns), do this: