diff --git a/frontend/src/app/shared/components/error-toast/error-toast.component.html b/frontend/src/app/shared/components/error-toast/error-toast.component.html
index 29e65c4..9b6ea82 100644
--- a/frontend/src/app/shared/components/error-toast/error-toast.component.html
+++ b/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="" />
diff --git a/frontend/src/app/shared/components/error-toast/error-toast.component.scss b/frontend/src/app/shared/components/error-toast/error-toast.component.scss
index 3d4f3e7..e319634 100644
--- a/frontend/src/app/shared/components/error-toast/error-toast.component.scss
+++ b/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;
diff --git a/frontend/src/app/shared/components/error-toast/error-toast.component.ts b/frontend/src/app/shared/components/error-toast/error-toast.component.ts
index 0536bf2..ca5d246 100644
--- a/frontend/src/app/shared/components/error-toast/error-toast.component.ts
+++ b/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();
   }