From e526c0f650a7e699f3cb1244f30098bcd3dd5b93 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Thu, 19 Sep 2024 15:38:20 -0300
Subject: [PATCH] feat: adjust align on wider images

---
 .../pages/game-details/gallery-slider/gallery-slider.css.ts    | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.css.ts b/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.css.ts
index 5f8afcec6..d4f8084ad 100644
--- a/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.css.ts
+++ b/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.css.ts
@@ -19,6 +19,7 @@ export const gallerySliderMedia = style({
   flexGrow: "0",
   transition: "translate 0.3s ease-in-out",
   borderRadius: "4px",
+  alignSelf: "center",
 });
 
 export const gallerySliderAnimationContainer = style({
@@ -60,7 +61,6 @@ export const mediaPreviewButton = recipe({
   base: {
     cursor: "pointer",
     width: "20%",
-    height: "20%",
     display: "block",
     flexShrink: "0",
     flexGrow: "0",
@@ -84,7 +84,6 @@ export const mediaPreviewButton = recipe({
 
 export const mediaPreview = style({
   width: "100%",
-  height: "100%",
   display: "flex",
 });