From c3b55a4af656729d2fe49f7bafb2b48ec7d0c5dc Mon Sep 17 00:00:00 2001
From: joneff <joneff@gmail.com>
Date: Sat, 11 Sep 2021 13:24:03 +0300
Subject: [PATCH] fix(notification): notification icons are misaligned with
 text in material theme

---
 packages/default/scss/notification/_layout.scss     | 4 ++--
 packages/material/scss/notification/_variables.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/default/scss/notification/_layout.scss b/packages/default/scss/notification/_layout.scss
index 9bfeac8a0b1..7ac41cdd48c 100644
--- a/packages/default/scss/notification/_layout.scss
+++ b/packages/default/scss/notification/_layout.scss
@@ -44,13 +44,13 @@
         > .k-icon {
             margin-top: $notification-icon-offset;
             margin-right: $notification-icon-spacing;
-            flex: 0 0 auto;
+            flex: none;
         }
 
         > .k-i-close {
             margin-right: 0;
             margin-left: $notification-icon-spacing;
-            flex: 0 0 auto;
+            flex: none;
             cursor: pointer;
         }
 
diff --git a/packages/material/scss/notification/_variables.scss b/packages/material/scss/notification/_variables.scss
index 4d280562b39..02a1a2fd1ed 100644
--- a/packages/material/scss/notification/_variables.scss
+++ b/packages/material/scss/notification/_variables.scss
@@ -10,7 +10,7 @@ $notification-font-family: $font-family !default;
 $notification-font-size: $font-size !default;
 $notification-line-height: ( 20 / 14 ) !default;
 
-$notification-icon-offset: 4px !default;
+$notification-icon-offset: 2px !default;
 $notification-icon-spacing: $icon-spacing !default;
 
 $notification-bg: $component-bg !default;