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 4460c2c..630908a 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
@@ -16,8 +16,7 @@
 
 section {
   position: relative;
-  width: 615px;
-  max-width: 80%;
+  width: 520px;
   padding: 12px 32px;
   border-radius: 20px;
   background-color: $blue;
@@ -61,7 +60,7 @@ section {
   display: flex;
   align-items: center;
   margin-left: 62px;
-  max-width: 350px;
+  max-width: 370px;
   p {
     font-size: 18px;
     font-weight: 400;
@@ -78,11 +77,14 @@ section {
   transform: translateY(-50%);
   cursor: pointer;
   img {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: 24px;
     height: 24px;
     &:hover {
-      filter: brightness(0) saturate(100%) invert(25%) sepia(82%)
-        saturate(6600%) hue-rotate(237deg) brightness(88%) contrast(96%);
+      filter: brightness(0) saturate(100%) invert(11%) sepia(97%)
+        saturate(6864%) hue-rotate(345deg) brightness(99%) contrast(105%);
     }
   }
 }
@@ -91,15 +93,16 @@ section {
 
 @media screen and (max-width: 600px) {
   section {
-    position: absolute;
+    position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 16px;
-    max-width: calc(100vw - 32px);
+    width: calc(100vw - 32px);
     border-radius: 0;
     display: flex;
     flex-direction: column;
+    border-radius: 20px 20px 0 0;
   }
 
   .line {
@@ -124,5 +127,11 @@ section {
     top: 8px;
     right: 16px;
     transform: none;
+    img {
+      &:hover {
+        filter: brightness(0) saturate(100%) invert(25%) sepia(82%)
+          saturate(6600%) hue-rotate(237deg) brightness(88%) contrast(96%);
+      }
+    }
   }
 }