From 8501a12f8f24153f0d6b54cb8ca8a00536c07385 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Mon, 28 Apr 2025 15:42:54 +0200
Subject: [PATCH] fix: prevent jumping layout when hovering card

---
 .../Stays/StayCard/stay.module.css            | 29 +++++++++----------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css
index b968c7c97..eed38b0fc 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css
@@ -1,22 +1,21 @@
+.link {
+  outline: 1px solid var(--Base-Border-Subtle);
+  border-radius: var(--Corner-radius-Medium);
+  overflow: hidden;
+  position: relative;
+
+  &:focus,
+  &:hover {
+    outline-offset: 0;
+    outline: 1.5px solid var(--Base-Border-Hover);
+  }
+}
+
 .stay {
   background-color: var(--Main-Grey-White);
-  border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-Medium);
-  display: grid;
-  overflow: hidden;
-}
-
-.link {
-  text-decoration: none;
-  position: relative;
-}
-
-.stay:hover {
-  border: 1.5px solid var(--Base-Border-Hover);
 }
 
 .image {
-  height: auto;
   min-height: 220px;
   object-fit: cover;
   overflow: hidden;
@@ -34,9 +33,7 @@
 }
 
 .hotel {
-  margin: 0;
   overflow: hidden;
-  padding: 0;
   text-overflow: ellipsis;
   text-wrap: nowrap;
 }