diff --git a/CHANGELOG.md b/CHANGELOG.md
index c6252cedbae..473d4f6d1e0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+
+### Bug Fixes
+
+* **bootstrap:** add missing icon styles mixin ([7e81c25](https://github.com/telerik/kendo-themes/commit/7e81c2539359825872f4fa0d56c7f1707061e3bc))
+* **bootstrap:** headings font-families don't provide fallback values ([2ff3a4a](https://github.com/telerik/kendo-themes/commit/2ff3a4a7e7d3443f660a8cbfa9451bb0538be276))
+* **notification:** wrong icon size when long content is rendered ([1fac8f8](https://github.com/telerik/kendo-themes/commit/1fac8f827b32b79912709d2207156b1b125fde75))
+
+
+### Features
+
+* **grid-layout:** add component module ([7fc165a](https://github.com/telerik/kendo-themes/commit/7fc165a4db7bbc8bc85838c5e934d3d8bf346ae8))
+* **stack-layout:** add component module ([5438509](https://github.com/telerik/kendo-themes/commit/5438509666b9ccb658720ab2d1d277b8469b00f2))
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package kendo-themes.repo
diff --git a/lerna.json b/lerna.json
index f39a8fda454..eeecac9a465 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "packages": [
     "packages/*"
   ],
diff --git a/package-lock.json b/package-lock.json
index 7184b5da3ed..a334885799d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20930,54 +20930,54 @@
     },
     "packages/bootstrap": {
       "name": "@progress/kendo-theme-bootstrap",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@progress/kendo-svg-icons": "^4.0.0",
-        "@progress/kendo-theme-core": "10.1.0-dev.1",
-        "@progress/kendo-theme-default": "10.1.0-dev.1",
-        "@progress/kendo-theme-utils": "10.1.0-dev.1"
+        "@progress/kendo-theme-core": "10.1.0-dev.2",
+        "@progress/kendo-theme-default": "10.1.0-dev.2",
+        "@progress/kendo-theme-utils": "10.1.0-dev.2"
       }
     },
     "packages/classic": {
       "name": "@progress/kendo-theme-classic",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@progress/kendo-svg-icons": "^4.0.0",
-        "@progress/kendo-theme-core": "10.1.0-dev.1",
-        "@progress/kendo-theme-default": "10.1.0-dev.1",
-        "@progress/kendo-theme-utils": "10.1.0-dev.1"
+        "@progress/kendo-theme-core": "10.1.0-dev.2",
+        "@progress/kendo-theme-default": "10.1.0-dev.2",
+        "@progress/kendo-theme-utils": "10.1.0-dev.2"
       }
     },
     "packages/core": {
       "name": "@progress/kendo-theme-core",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0"
     },
     "packages/default": {
       "name": "@progress/kendo-theme-default",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@progress/kendo-svg-icons": "^4.0.0",
-        "@progress/kendo-theme-core": "10.1.0-dev.1",
-        "@progress/kendo-theme-utils": "10.1.0-dev.1"
+        "@progress/kendo-theme-core": "10.1.0-dev.2",
+        "@progress/kendo-theme-utils": "10.1.0-dev.2"
       }
     },
     "packages/fluent": {
       "name": "@progress/kendo-theme-fluent",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@progress/kendo-svg-icons": "^4.0.0",
-        "@progress/kendo-theme-core": "10.1.0-dev.1",
-        "@progress/kendo-theme-utils": "10.1.0-dev.1"
+        "@progress/kendo-theme-core": "10.1.0-dev.2",
+        "@progress/kendo-theme-utils": "10.1.0-dev.2"
       }
     },
     "packages/html": {
       "name": "@progress/kendo-themes-html",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@progress/kendo-svg-icons": "^4.0.0",
@@ -20990,13 +20990,13 @@
     },
     "packages/material": {
       "name": "@progress/kendo-theme-material",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@progress/kendo-svg-icons": "^4.0.0",
-        "@progress/kendo-theme-core": "10.1.0-dev.1",
-        "@progress/kendo-theme-default": "10.1.0-dev.1",
-        "@progress/kendo-theme-utils": "10.1.0-dev.1"
+        "@progress/kendo-theme-core": "10.1.0-dev.2",
+        "@progress/kendo-theme-default": "10.1.0-dev.2",
+        "@progress/kendo-theme-utils": "10.1.0-dev.2"
       }
     },
     "packages/nouvelle": {
@@ -21012,10 +21012,10 @@
     },
     "packages/utils": {
       "name": "@progress/kendo-theme-utils",
-      "version": "10.1.0-dev.1",
+      "version": "10.1.0-dev.2",
       "license": "Apache-2.0",
       "dependencies": {
-        "@progress/kendo-theme-core": "10.1.0-dev.1"
+        "@progress/kendo-theme-core": "10.1.0-dev.2"
       }
     }
   }
diff --git a/packages/bootstrap/CHANGELOG.md b/packages/bootstrap/CHANGELOG.md
index 1db31b91ab8..91ed3487e5d 100644
--- a/packages/bootstrap/CHANGELOG.md
+++ b/packages/bootstrap/CHANGELOG.md
@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+
+### Bug Fixes
+
+* **bootstrap:** add missing icon styles mixin ([7e81c25](https://github.com/telerik/kendo-themes/commit/7e81c2539359825872f4fa0d56c7f1707061e3bc))
+* **bootstrap:** headings font-families don't provide fallback values ([2ff3a4a](https://github.com/telerik/kendo-themes/commit/2ff3a4a7e7d3443f660a8cbfa9451bb0538be276))
+
+
+### Features
+
+* **grid-layout:** add component module ([7fc165a](https://github.com/telerik/kendo-themes/commit/7fc165a4db7bbc8bc85838c5e934d3d8bf346ae8))
+* **stack-layout:** add component module ([5438509](https://github.com/telerik/kendo-themes/commit/5438509666b9ccb658720ab2d1d277b8469b00f2))
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-bootstrap
diff --git a/packages/bootstrap/docs/customization-common.md b/packages/bootstrap/docs/customization-common.md
index 771ff7531cc..6490235ecc4 100644
--- a/packages/bootstrap/docs/customization-common.md
+++ b/packages/bootstrap/docs/customization-common.md
@@ -180,7 +180,7 @@ The following table lists the available variables for customization.
         letter-spacing: $kendo-display4-letter-spacing
     )
 )</code></td>
-    <td><ul><li>1: "font-size":"calc(1rem * 5)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>2: "font-size":"calc(1rem * 4.5)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>3: "font-size":"calc(1rem * 4)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>4: "font-size":"calc(1rem * 3.5)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li></ul></td>
+    <td><ul><li>1: "font-size":"calc(1rem * 5)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>2: "font-size":"calc(1rem * 4.5)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>3: "font-size":"calc(1rem * 4)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>4: "font-size":"calc(1rem * 3.5)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li></ul></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The displays Map</div></div>
diff --git a/packages/bootstrap/docs/customization-typography.md b/packages/bootstrap/docs/customization-typography.md
index ea75d81a236..51d2901ce06 100644
--- a/packages/bootstrap/docs/customization-typography.md
+++ b/packages/bootstrap/docs/customization-typography.md
@@ -329,9 +329,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-h1-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the highest level heading.</div></div>
@@ -339,9 +339,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-h2-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the second highest level heading.</div></div>
@@ -349,9 +349,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-h3-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the third highest level heading.</div></div>
@@ -359,9 +359,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-h4-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the fourth highest level heading.</div></div>
@@ -369,9 +369,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-h5-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the fifth highest level heading.</div></div>
@@ -379,9 +379,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-h6-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the sixth highest level heading.</div></div>
@@ -680,7 +680,7 @@ The following table lists the available variables for customization.
         margin: $kendo-h6-margin
     )
 )</code></td>
-    <td><ul><li>h1: "font-size":"2.5rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h2: "font-size":"2rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h3: "font-size":"1.75rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h4: "font-size":"1.5rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h5: "font-size":"1.25rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h6: "font-size":"1rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li></ul></td>
+    <td><ul><li>h1: "font-size":"2.5rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h2: "font-size":"2rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h3: "font-size":"1.75rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h4: "font-size":"1.5rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h5: "font-size":"1.25rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h6: "font-size":"1rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li></ul></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The headings Map.</div></div>
@@ -919,8 +919,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-display1-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the largest display text.</div></div>
@@ -929,8 +929,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-display2-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the second largest display text.</div></div>
@@ -939,8 +939,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-display3-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the third largest display text.</div></div>
@@ -949,8 +949,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-display4-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the fourth largest display text.</div></div>
diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md
index e05c60b293d..dde80a33b8c 100644
--- a/packages/bootstrap/docs/customization.md
+++ b/packages/bootstrap/docs/customization.md
@@ -184,7 +184,7 @@ The following table lists the available variables for customizing the Bootstrap
         letter-spacing: $kendo-display4-letter-spacing
     )
 )</code></td>
-    <td><ul><li>1: "font-size":"calc(1rem * 5)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>2: "font-size":"calc(1rem * 4.5)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>3: "font-size":"calc(1rem * 4)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>4: "font-size":"calc(1rem * 3.5)","font-family":"unset","line-height":1.2,"font-weight":300,"letter-spacing":null</li></ul></td>
+    <td><ul><li>1: "font-size":"calc(1rem * 5)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>2: "font-size":"calc(1rem * 4.5)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>3: "font-size":"calc(1rem * 4)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li><li>4: "font-size":"calc(1rem * 3.5)","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":300,"letter-spacing":null</li></ul></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The displays Map</div></div>
@@ -29164,9 +29164,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-h1-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the highest level heading.</div></div>
@@ -29174,9 +29174,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-h2-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the second highest level heading.</div></div>
@@ -29184,9 +29184,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-h3-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the third highest level heading.</div></div>
@@ -29194,9 +29194,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-h4-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the fourth highest level heading.</div></div>
@@ -29204,9 +29204,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-h5-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the fifth highest level heading.</div></div>
@@ -29214,9 +29214,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-h6-font-family</td>
-    <td>Null</td>
-    <td><code>null</code></td>
-    <td><code>null</code></td>
+    <td>String</td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the sixth highest level heading.</div></div>
@@ -29515,7 +29515,7 @@ The following table lists the available variables for customizing the Bootstrap
         margin: $kendo-h6-margin
     )
 )</code></td>
-    <td><ul><li>h1: "font-size":"2.5rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h2: "font-size":"2rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h3: "font-size":"1.75rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h4: "font-size":"1.5rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h5: "font-size":"1.25rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h6: "font-size":"1rem","font-family":null,"line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li></ul></td>
+    <td><ul><li>h1: "font-size":"2.5rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h2: "font-size":"2rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h3: "font-size":"1.75rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h4: "font-size":"1.5rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h5: "font-size":"1.25rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li><li>h6: "font-size":"1rem","font-family":"var(--kendo-font-family, inherit)","line-height":1.2,"font-weight":500,"letter-spacing":null,"margin":"(0 0 var(--kendo-spacing-2, 0.5rem))"</li></ul></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The headings Map.</div></div>
@@ -29754,8 +29754,8 @@ The following table lists the available variables for customizing the Bootstrap
 <tr>
     <td>$kendo-display1-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the largest display text.</div></div>
@@ -29764,8 +29764,8 @@ The following table lists the available variables for customizing the Bootstrap
 <tr>
     <td>$kendo-display2-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the second largest display text.</div></div>
@@ -29774,8 +29774,8 @@ The following table lists the available variables for customizing the Bootstrap
 <tr>
     <td>$kendo-display3-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the third largest display text.</div></div>
@@ -29784,8 +29784,8 @@ The following table lists the available variables for customizing the Bootstrap
 <tr>
     <td>$kendo-display4-font-family</td>
     <td>String</td>
-    <td><code>unset</code></td>
-    <td><code>unset</code></td>
+    <td><code>var( --kendo-font-family, inherit )</code></td>
+    <td><code>var(--kendo-font-family, inherit)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The font family of the fourth largest display text.</div></div>
diff --git a/packages/bootstrap/package.json b/packages/bootstrap/package.json
index 1cf19a7290c..27c4c356cd7 100644
--- a/packages/bootstrap/package.json
+++ b/packages/bootstrap/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,9 +52,9 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.1.0-dev.1",
-    "@progress/kendo-theme-default": "10.1.0-dev.1",
-    "@progress/kendo-theme-utils": "10.1.0-dev.1"
+    "@progress/kendo-theme-core": "10.1.0-dev.2",
+    "@progress/kendo-theme-default": "10.1.0-dev.2",
+    "@progress/kendo-theme-utils": "10.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
diff --git a/packages/bootstrap/scss/typography/_variables.scss b/packages/bootstrap/scss/typography/_variables.scss
index a546589fcd5..22a97f106ef 100644
--- a/packages/bootstrap/scss/typography/_variables.scss
+++ b/packages/bootstrap/scss/typography/_variables.scss
@@ -26,22 +26,22 @@ $kendo-h6-font-size: $kendo-font-size !default;
 
 /// The font family of the highest level heading.
 /// @group typography
-$kendo-h1-font-family: null !default;
+$kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the second highest level heading.
 /// @group typography
-$kendo-h2-font-family: null !default;
+$kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the third highest level heading.
 /// @group typography
-$kendo-h3-font-family: null !default;
+$kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fourth highest level heading.
 /// @group typography
-$kendo-h4-font-family: null !default;
+$kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fifth highest level heading.
 /// @group typography
-$kendo-h5-font-family: null !default;
+$kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the sixth highest level heading.
 /// @group typography
-$kendo-h6-font-family: null !default;
+$kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The line height of the highest level heading.
 /// @group typography
@@ -258,16 +258,16 @@ $kendo-display4-font-size: calc( #{$kendo-font-size} * 3.5 ) !default;
 
 /// The font family of the largest display text.
 /// @group typography
-$kendo-display1-font-family: unset !default;
+$kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the second largest display text.
 /// @group typography
-$kendo-display2-font-family: unset !default;
+$kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the third largest display text.
 /// @group typography
-$kendo-display3-font-family: unset !default;
+$kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fourth largest display text.
 /// @group typography
-$kendo-display4-font-family: unset !default;
+$kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The line height of the largest display text.
 /// @group typography
diff --git a/packages/classic/CHANGELOG.md b/packages/classic/CHANGELOG.md
index e49f37f0cf7..ef3cc6221a6 100644
--- a/packages/classic/CHANGELOG.md
+++ b/packages/classic/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+
+### Features
+
+* **grid-layout:** add component module ([7fc165a](https://github.com/telerik/kendo-themes/commit/7fc165a4db7bbc8bc85838c5e934d3d8bf346ae8))
+* **stack-layout:** add component module ([5438509](https://github.com/telerik/kendo-themes/commit/5438509666b9ccb658720ab2d1d277b8469b00f2))
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-classic
diff --git a/packages/classic/package.json b/packages/classic/package.json
index 61bf4c119bf..ee7f87599c0 100644
--- a/packages/classic/package.json
+++ b/packages/classic/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,9 +52,9 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.1.0-dev.1",
-    "@progress/kendo-theme-default": "10.1.0-dev.1",
-    "@progress/kendo-theme-utils": "10.1.0-dev.1"
+    "@progress/kendo-theme-core": "10.1.0-dev.2",
+    "@progress/kendo-theme-default": "10.1.0-dev.2",
+    "@progress/kendo-theme-utils": "10.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
index 73ab8d9699d..3e7c9e82668 100644
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+**Note:** Version bump only for package @progress/kendo-theme-core
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-core
diff --git a/packages/core/package.json b/packages/core/package.json
index 4d18868db23..bd058c13638 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
diff --git a/packages/default/CHANGELOG.md b/packages/default/CHANGELOG.md
index 22559dde55f..ce36c450f59 100644
--- a/packages/default/CHANGELOG.md
+++ b/packages/default/CHANGELOG.md
@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+
+### Bug Fixes
+
+* **notification:** wrong icon size when long content is rendered ([1fac8f8](https://github.com/telerik/kendo-themes/commit/1fac8f827b32b79912709d2207156b1b125fde75))
+
+
+### Features
+
+* **grid-layout:** add component module ([7fc165a](https://github.com/telerik/kendo-themes/commit/7fc165a4db7bbc8bc85838c5e934d3d8bf346ae8))
+* **stack-layout:** add component module ([5438509](https://github.com/telerik/kendo-themes/commit/5438509666b9ccb658720ab2d1d277b8469b00f2))
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-default
diff --git a/packages/default/package.json b/packages/default/package.json
index c8262be444e..31a45b42c8d 100644
--- a/packages/default/package.json
+++ b/packages/default/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,8 +51,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.1.0-dev.1",
-    "@progress/kendo-theme-utils": "10.1.0-dev.1"
+    "@progress/kendo-theme-core": "10.1.0-dev.2",
+    "@progress/kendo-theme-utils": "10.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
diff --git a/packages/default/scss/notification/_layout.scss b/packages/default/scss/notification/_layout.scss
index e88036523dc..c0488482e91 100644
--- a/packages/default/scss/notification/_layout.scss
+++ b/packages/default/scss/notification/_layout.scss
@@ -47,6 +47,10 @@
         > .k-notification-content {
             flex: 1 1 auto;
         }
+
+        > .k-notification-status {
+            flex-shrink: 0;
+        }
     }
 
     .k-notification-actions {
diff --git a/packages/fluent/CHANGELOG.md b/packages/fluent/CHANGELOG.md
index 2074be147f1..d8249c83bef 100644
--- a/packages/fluent/CHANGELOG.md
+++ b/packages/fluent/CHANGELOG.md
@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+
+### Bug Fixes
+
+* **notification:** wrong icon size when long content is rendered ([1fac8f8](https://github.com/telerik/kendo-themes/commit/1fac8f827b32b79912709d2207156b1b125fde75))
+
+
+### Features
+
+* **grid-layout:** add component module ([7fc165a](https://github.com/telerik/kendo-themes/commit/7fc165a4db7bbc8bc85838c5e934d3d8bf346ae8))
+* **stack-layout:** add component module ([5438509](https://github.com/telerik/kendo-themes/commit/5438509666b9ccb658720ab2d1d277b8469b00f2))
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-fluent
diff --git a/packages/fluent/package.json b/packages/fluent/package.json
index ded56c4ef1e..b7affeeb8af 100644
--- a/packages/fluent/package.json
+++ b/packages/fluent/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,8 +53,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.1.0-dev.1",
-    "@progress/kendo-theme-utils": "10.1.0-dev.1"
+    "@progress/kendo-theme-core": "10.1.0-dev.2",
+    "@progress/kendo-theme-utils": "10.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
diff --git a/packages/fluent/scss/notification/_layout.scss b/packages/fluent/scss/notification/_layout.scss
index 5f373f90dab..298f18a5c7c 100644
--- a/packages/fluent/scss/notification/_layout.scss
+++ b/packages/fluent/scss/notification/_layout.scss
@@ -47,6 +47,10 @@
         > .k-notification-content {
             flex: 1 1 auto;
         }
+
+        > .k-notification-status {
+            flex-shrink: 0;
+        }
     }
 
     .k-notification-actions {
diff --git a/packages/html/CHANGELOG.md b/packages/html/CHANGELOG.md
index 66d91bb9e46..1a8f5cc3e14 100644
--- a/packages/html/CHANGELOG.md
+++ b/packages/html/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+**Note:** Version bump only for package @progress/kendo-themes-html
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-themes-html
diff --git a/packages/html/package.json b/packages/html/package.json
index 269dccc8347..5fb6054136a 100644
--- a/packages/html/package.json
+++ b/packages/html/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-themes-html",
   "description": "A collection of HTML helpers used for developing Kendo UI themes",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
diff --git a/packages/html/src/notification/tests/notification.tsx b/packages/html/src/notification/tests/notification.tsx
index a1074c31675..90ada051488 100644
--- a/packages/html/src/notification/tests/notification.tsx
+++ b/packages/html/src/notification/tests/notification.tsx
@@ -16,7 +16,7 @@ const styles = `
 export default () => (
     <>
         <style>{styles}</style>
-        <div id="test-area" className="k-d-grid k-grid-cols-4">
+        <div id="test-area" className="k-d-grid k-grid-cols-5">
 
             <span className="k-colspan-all k-col-span-full">LTR</span>
             <div>
@@ -39,6 +39,11 @@ export default () => (
                     <IconNotificationClosable text="Closable notification with icon" />
                 </AnimationContainer>
             </div>
+            <div>
+                <AnimationContainer>
+                    <IconNotificationClosable text="Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" />
+                </AnimationContainer>
+            </div>
 
             <span className="k-colspan-all k-col-span-full">RTL</span>
             <div dir="rtl">
@@ -61,6 +66,11 @@ export default () => (
                     <IconNotificationClosable text="Closable notification with icon" />
                 </AnimationContainer>
             </div>
+            <div dir="rtl">
+                <AnimationContainer>
+                    <IconNotificationClosable text="Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" />
+                </AnimationContainer>
+            </div>
 
         </div>
     </>
diff --git a/packages/material/CHANGELOG.md b/packages/material/CHANGELOG.md
index ed631a3e225..940c1a03f0d 100644
--- a/packages/material/CHANGELOG.md
+++ b/packages/material/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+
+### Features
+
+* **grid-layout:** add component module ([7fc165a](https://github.com/telerik/kendo-themes/commit/7fc165a4db7bbc8bc85838c5e934d3d8bf346ae8))
+* **stack-layout:** add component module ([5438509](https://github.com/telerik/kendo-themes/commit/5438509666b9ccb658720ab2d1d277b8469b00f2))
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-material
diff --git a/packages/material/package.json b/packages/material/package.json
index aa8e1fdfb75..6cf1cfb15ec 100644
--- a/packages/material/package.json
+++ b/packages/material/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,9 +53,9 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.1.0-dev.1",
-    "@progress/kendo-theme-default": "10.1.0-dev.1",
-    "@progress/kendo-theme-utils": "10.1.0-dev.1"
+    "@progress/kendo-theme-core": "10.1.0-dev.2",
+    "@progress/kendo-theme-default": "10.1.0-dev.2",
+    "@progress/kendo-theme-utils": "10.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
diff --git a/packages/nouvelle/CHANGELOG.md b/packages/nouvelle/CHANGELOG.md
index 44e870977a2..bda22dca8b9 100644
--- a/packages/nouvelle/CHANGELOG.md
+++ b/packages/nouvelle/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+**Note:** Version bump only for package @progress/kendo-theme-nouvelle
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-nouvelle
diff --git a/packages/nouvelle/package.json b/packages/nouvelle/package.json
index 76e656bfa38..58b4c4fd0c6 100644
--- a/packages/nouvelle/package.json
+++ b/packages/nouvelle/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-nouvelle",
   "description": "A css variables heavy theme for Kendo UI",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,8 +53,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.1.0-dev.1",
-    "@progress/kendo-theme-utils": "10.1.0-dev.1"
+    "@progress/kendo-theme-core": "10.1.0-dev.2",
+    "@progress/kendo-theme-utils": "10.1.0-dev.2"
   },
   "directories": {
     "doc": "docs"
diff --git a/packages/utils/CHANGELOG.md b/packages/utils/CHANGELOG.md
index 1c6feb3897b..3b30e4559c0 100644
--- a/packages/utils/CHANGELOG.md
+++ b/packages/utils/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.1.0-dev.2](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.1...v10.1.0-dev.2) (2024-11-25)
+
+**Note:** Version bump only for package @progress/kendo-theme-utils
+
+
+
+
+
 # [10.1.0-dev.1](https://github.com/telerik/kendo-themes/compare/v10.1.0-dev.0...v10.1.0-dev.1) (2024-11-18)
 
 **Note:** Version bump only for package @progress/kendo-theme-utils
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 7e51105b67b..7dbe6b182c7 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "10.1.0-dev.1",
+  "version": "10.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -42,7 +42,7 @@
     "postpublish": "echo 'no postpublish for utils'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "10.1.0-dev.1"
+    "@progress/kendo-theme-core": "10.1.0-dev.2"
   },
   "directories": {
     "doc": "docs"
diff --git a/tests/_output/bootstrap/notification/notification.png b/tests/_output/bootstrap/notification/notification.png
index c48ed365351..19082d01680 100644
Binary files a/tests/_output/bootstrap/notification/notification.png and b/tests/_output/bootstrap/notification/notification.png differ
diff --git a/tests/_output/classic/notification/notification.png b/tests/_output/classic/notification/notification.png
index fe6c428b0f3..942fb6e52c9 100644
Binary files a/tests/_output/classic/notification/notification.png and b/tests/_output/classic/notification/notification.png differ
diff --git a/tests/_output/default/notification/notification.png b/tests/_output/default/notification/notification.png
index ed3da635ba2..09275c5a754 100644
Binary files a/tests/_output/default/notification/notification.png and b/tests/_output/default/notification/notification.png differ
diff --git a/tests/_output/fluent/notification/notification.png b/tests/_output/fluent/notification/notification.png
index 0976bcba3bf..e267af2ce6f 100644
Binary files a/tests/_output/fluent/notification/notification.png and b/tests/_output/fluent/notification/notification.png differ
diff --git a/tests/_output/material/notification/notification.png b/tests/_output/material/notification/notification.png
index 7c9665ff3b3..c11f0880d32 100644
Binary files a/tests/_output/material/notification/notification.png and b/tests/_output/material/notification/notification.png differ
diff --git a/tests/notification/notification.html b/tests/notification/notification.html
index 6a7666403fc..6951793005f 100644
--- a/tests/notification/notification.html
+++ b/tests/notification/notification.html
@@ -20,7 +20,7 @@
         }
 
     </style>
-    <div id="test-area" class="k-d-grid k-grid-cols-4">
+    <div id="test-area" class="k-d-grid k-grid-cols-5">
         <span class="k-colspan-all k-col-span-full">LTR</span>
         <div>
             <div class="k-animation-container k-animation-container-shown">
@@ -86,6 +86,29 @@
                 </div>
             </div>
         </div>
+        <div>
+            <div class="k-animation-container k-animation-container-shown">
+                <div class="k-child-animation-container">
+                    <div class="k-notification k-notification-base k-notification-closable">
+                        <span class="k-notification-status k-icon k-svg-icon k-svg-i-exclamation-circle">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M224 128h64v160h-64zm0 256h64v-64h-64zm256-128c0 123.7-100.3 224-224 224S32 379.7 32 256 132.3 32 256 32s224 100.3 224 224m-32 0c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192"></path>
+                            </svg>
+                        </span>
+                        <div class="k-notification-content">Closable notification with icon and very long text start ............. ............ .................... .......... ............ end</div>
+                        <span class="k-notification-actions">
+                            <span class="k-notification-action k-notification-close-action">
+                                <span class="k-icon k-svg-icon k-svg-i-x">
+                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                        <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
+                                    </svg>
+                                </span>
+                            </span>
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </div>
         <span class="k-colspan-all k-col-span-full">RTL</span>
         <div dir="rtl">
             <div class="k-animation-container k-animation-container-shown">
@@ -151,6 +174,29 @@
                 </div>
             </div>
         </div>
+        <div dir="rtl">
+            <div class="k-animation-container k-animation-container-shown">
+                <div class="k-child-animation-container">
+                    <div class="k-notification k-notification-base k-notification-closable">
+                        <span class="k-notification-status k-icon k-svg-icon k-svg-i-exclamation-circle">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M224 128h64v160h-64zm0 256h64v-64h-64zm256-128c0 123.7-100.3 224-224 224S32 379.7 32 256 132.3 32 256 32s224 100.3 224 224m-32 0c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192"></path>
+                            </svg>
+                        </span>
+                        <div class="k-notification-content">Closable notification with icon and very long text start ............. ............ .................... .......... ............ end</div>
+                        <span class="k-notification-actions">
+                            <span class="k-notification-action k-notification-close-action">
+                                <span class="k-icon k-svg-icon k-svg-i-x">
+                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                        <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
+                                    </svg>
+                                </span>
+                            </span>
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </body>
 </html>