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 eda01c00..1a00ed04 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
@@ -1,4 +1,4 @@
-@charset 'utf-s';
+@charset 'utf-8';
 :host {
   display: flex;
   width: 100%;
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.scss b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.scss
index 64080f7f..887f6703 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.scss
@@ -49,6 +49,22 @@
         position: absolute;
         max-width: none !important;
       }
+
+      &::-webkit-scrollbar {
+        background-color: rgba(0, 0, 0, 0.7);
+      }
+      &::-webkit-scrollbar-corner {
+        background-color: rgba(0, 0, 0, 0.7);
+      }
+      &::-webkit-scrollbar:hover {
+        background-color: rgba(255, 255, 255, 0.12);
+      }
+      &::-webkit-scrollbar-thumb {
+        box-shadow: inset 0 0 0 12px rgba(255, 255, 255, 0.37);
+      }
+      &::-webkit-scrollbar-thumb:active {
+        box-shadow: inset 0 0 0 12px rgba(255, 255, 255, 0.54);
+      }
     }
   }
 }