error toast also closes when you click on the blurred part

frontend/src/app/shared/components/error-toast/error-toast.component.html

@@ -1,5 +1,5 @@
-<div class="overlay">
-  <section class="slide-in-right">
+<div class="overlay" (click)="closeError()">
+  <section class="slide-in-right" (click)="stopPropagation($event)">
     <div class="left"></div>
     <div class="content">
       <img src="./../../../../assets/img/attention.svg" alt="" />

frontend/src/app/shared/components/error-toast/error-toast.component.scss

@@ -109,6 +109,8 @@ section {
   }
 
   .left {
+    width: 100%;
+    height: 38px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     border-bottom-left-radius: 0;

frontend/src/app/shared/components/error-toast/error-toast.component.ts

@@ -19,6 +19,10 @@ export class ErrorToastComponent implements OnInit {
     });
   }
 
+  stopPropagation(event: MouseEvent) {
+    event.stopPropagation();
+  }
+
   closeError() {
     this.errorService.clearError();
   }