diff --git a/src/components/common/ImagePreview.jsx b/src/components/common/ImagePreview.jsx
index bcb115eb..39eb8aac 100644
--- a/src/components/common/ImagePreview.jsx
+++ b/src/components/common/ImagePreview.jsx
@@ -45,7 +45,7 @@ const ImagePreview = ({ images = [], IsReported = false }) => {
       {selectedImage && (
         <GlobalModel
           isOpen={selectedImage}
-          size="lg"
+          size="md"
           dialogClass="modal-dialog-centered"
           closeModal={() => setSelectedImage(null)}
         >
diff --git a/src/components/common/ImagePreviewstyle.css b/src/components/common/ImagePreviewstyle.css
index 9b6f81d2..abb02579 100644
--- a/src/components/common/ImagePreviewstyle.css
+++ b/src/components/common/ImagePreviewstyle.css
@@ -43,12 +43,14 @@
 }
 
 .img-preview {
-     width: 100%;
-    height: 500px;
-    object-fit: cover;
-    object-position: center;
+  width: 100%;
+  text-align: center;
+}
+
+.img-preview img {
+  max-width: 100%;
+  max-height: 80vh;
+  object-fit: contain;
+  display: block;
+  margin: 0 auto;
 }
-.img-preview img{
-    width: 100%;
-    height: 100%
-}
\ No newline at end of file