diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss
index fff6586f..60c97d80 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss
@@ -101,8 +101,8 @@ $tablet-s-width: 768px;
         border: 1px dotted #cccccc;
         box-sizing: border-box;
         img {
-          width: 100%;
-          height: 100%;
+          max-width: 100%;
+          max-height: 100%;
         }
       }
       dd {
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.scss
index 5d3d13e0..bdce0620 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.scss
@@ -3,7 +3,8 @@
   position: relative;
 
   img {
-    height: 140px;
+    max-height: 140px;
+    min-height: 20px;
     width: auto;
   }