From 3dc20be4fb97c7d728c1aba598c06be7cd844980 Mon Sep 17 00:00:00 2001
From: Calvin Lee <calvin.lee@harness.io>
Date: Fri, 16 Feb 2024 05:06:46 +0000
Subject: [PATCH] fix: [code-1432]: fix image carousel (#1047)

---
 .../ImageCarousel/ImageCarousel.module.scss       | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/web/src/components/ImageCarousel/ImageCarousel.module.scss b/web/src/components/ImageCarousel/ImageCarousel.module.scss
index 9f8cc65d2..fa1288667 100644
--- a/web/src/components/ImageCarousel/ImageCarousel.module.scss
+++ b/web/src/components/ImageCarousel/ImageCarousel.module.scss
@@ -13,19 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 .imageModal {
   width: 100% !important;
   background: unset !important;
 
   .content {
-    width: fit-content !important;
+    width: 100% !important;
+    max-width: 100vw;
+    height: auto;
     background: unset !important;
+    overflow: hidden;
 
-    overflow: visible;
     .image {
       padding: var(--spacing-small);
-      scale: 1;
+      width: 100%;
+      height: auto;
+      object-fit: contain;
+      display: block;
+      margin: 0 auto;
     }
   }
 
@@ -48,7 +53,7 @@
     .Dialog--children,
     .Carousel--carouselItem {
       justify-content: center !important;
-      display: flex !important;
+      align-items: center;
     }
 
     .Dialog--close {