diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
index 555bb867..cc7b7a67 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
@@ -174,11 +174,19 @@
   }
 }
 
-::ng-deep .chat-snackbar-class {
-  .mat-simple-snackbar {
-    justify-content: center;
-    span {
-      @include ellipsis(1);
+::ng-deep .cdk-global-overlay-wrapper {
+  .mat-snack-bar-container {
+    margin: 0;
+    padding: 30px;
+    .mat-simple-snackbar {
+      justify-content: center;
+      span {
+        @include ellipsis(1);
+        padding: 10px 40px;
+        border: 1px solid #ffffff;
+        background-color: rgb(255, 255, 255, 0.2);
+        color: #ffffff;
+      }
     }
   }
 }
diff --git a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
index 1bc5df8a..bb7e0219 100644
--- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
+++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
@@ -275,15 +275,6 @@ $daesang-grey: (
     cursor: pointer;
   }
 
-  //snackbar
-  .cdk-global-overlay-wrapper {
-    align-items: center !important;
-    justify-content: center !important;
-    .mat-simple-snackbar {
-      justify-content: center;
-    }
-  }
-
   .policy {
     color: mat-color($accent, B100);
   }
@@ -452,8 +443,8 @@ $daesang-grey: (
   .mat-calendar-body-selected {
     background-color: mat-color($accent);
   }
-  .list-item{
-    &.selected{
+  .list-item {
+    &.selected {
       background-color: mat-color($accent, 100);
     }
   }