From 63fac1f6be3e1f8fce57f0c071e56bc331943317 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 31 Aug 2022 15:00:44 +0200
Subject: [PATCH] Middle Header: Fix jumping toast notification (#2012)

---
 src/components/ui/Notification.scss | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/Notification.scss b/src/components/ui/Notification.scss
index 36d0c7075..eb9c6d4b7 100644
--- a/src/components/ui/Notification.scss
+++ b/src/components/ui/Notification.scss
@@ -2,18 +2,22 @@
   position: relative;
   width: 24rem;
   max-width: 100vw;
-  margin: 0.25rem auto;
+  margin: 4.25rem auto 0.25rem;
   z-index: var(--z-notification);
 
+  .has-header-tools & {
+    margin-top: 7.375rem;
+  }
+
   @media (min-width: 1276px) {
     transition: transform var(--layer-transition);
   }
 
-  &:first-of-type {
-    margin-top: 4.25rem;
+  & ~ & {
+    margin-top: 0.25rem;
 
     .has-header-tools & {
-      margin-top: 7.375rem;
+      margin-top: 0.25rem;
     }
   }
 }