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 23287cd0..2a1a2296 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
@@ -23,9 +23,15 @@
   .ucap-image-viewer-body {
     position: relative;
     width: 100%;
-    height: 100%;
+    height: calc(100% - 50px);
 
     .ucap-image-viewer-image-wrapper {
+      height: 100%;
+      padding: 20px;
+      background-color: rgba(0, 0, 0, 0.7);
+      img {
+        height: inherit;
+      }
     }
   }
 }