From 2ad051bd99faf921a57ad34ab7a9c06bc689bcb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Erik=20V=C3=A4nttinen?= <eepi1994@hotmail.com>
Date: Wed, 20 Mar 2024 14:23:20 +0200
Subject: [PATCH] TMS-1021: Fix image alignment in image-carousel modal

---
 CHANGELOG.MD                            |  2 ++
 assets/styles/ui-components/_modal.scss | 14 ++++++--------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index 4937be8c..b8e7e7cc 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- TMS-1021: Fix image alignment in image-carousel modal
+
 ## [1.54.6] - 2024-03-18
 
 - TMS-996: Change bold image-caption text to normal
diff --git a/assets/styles/ui-components/_modal.scss b/assets/styles/ui-components/_modal.scss
index f3b6d808..dca96e44 100644
--- a/assets/styles/ui-components/_modal.scss
+++ b/assets/styles/ui-components/_modal.scss
@@ -106,28 +106,26 @@
                 }
             }
 
-            .slick-slide{
-                padding:0.588rem;
+            .slick-slide {
+                align-self: center;
+                padding: 0.588rem;
             }
 
             .slick-current {
                 &:focus {
-                    outline:0;
+                    outline: 0;
                     .image-carousel__item {
                         outline: .125rem solid $white;
                         outline-offset: .25rem;
                     }
                 }
             }
-           
         }
 
         .image-carousel__item {
             img {
-                @include until($desktop) {
-                    max-height: 80vh;
-                    object-fit: contain;
-                }
+                max-height: 80vh;
+                object-fit: contain;
             }
         }
     }