graphic fix

src/app/shared/notifications/notification/notification.component.html

@@ -26,7 +26,7 @@
       </div>
     </div>
     <div class="d-flex flex-column justify-content-center align-content-stretch">
-      <div class="p-2"  *ngIf="title">
+      <div class="p-2 mr-3"  *ngIf="title">
         <strong>
           <div class="sn-title" *ngIf="titleIsTemplate; else regularTitle">
             <ng-container *ngTemplateOutlet="title"></ng-container>
@@ -37,7 +37,7 @@
         </strong>
       </div>
 
-      <div class="p-2"  *ngIf="content">
+      <div class="p-2 mr-3"  *ngIf="content">
         <div class="sn-content" *ngIf="contentIsTemplate; else regularContent">
           <ng-container *ngTemplateOutlet="content"></ng-container>
         </div>
@@ -46,7 +46,7 @@
         </ng-template>
       </div>
 
-      <div class="p-2" *ngIf="item.html">
+      <div class="p-2 mr-3" *ngIf="item.html">
         <div class="sn-html" *ngIf="htmlIsTemplate; else regularHtml">
           <ng-container *ngTemplateOutlet="html"></ng-container>
         </div>

src/app/shared/notifications/notifications-board/notifications-board.component.scss

 .simple-notification-wrapper {
   position: fixed;
   width: 300px;
-  z-index: 1000;
+  z-index: 1051;
 }
 
 .simple-notification-wrapper.left {