From f29a8b92c1c94df1b4c9524dd9ecd10410b68266 Mon Sep 17 00:00:00 2001
From: LittleBigOwI <syl20.row@gmail.com>
Date: Thu, 14 Nov 2024 19:58:39 +0100
Subject: [PATCH] Resolve card hover state appearing between items

---
 src/components/cardbuilder/card.scss          | 1 +
 src/elements/emby-scroller/emby-scroller.scss | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/cardbuilder/card.scss b/src/components/cardbuilder/card.scss
index 737850261b..2066c3301b 100644
--- a/src/components/cardbuilder/card.scss
+++ b/src/components/cardbuilder/card.scss
@@ -32,6 +32,7 @@ button::-moz-focus-inner {
 
 .itemsContainer {
     display: flex;
+    gap: 1.2em;
 }
 
 .vertical-list {
diff --git a/src/elements/emby-scroller/emby-scroller.scss b/src/elements/emby-scroller/emby-scroller.scss
index 47d6bdd609..97c99e6715 100644
--- a/src/elements/emby-scroller/emby-scroller.scss
+++ b/src/elements/emby-scroller/emby-scroller.scss
@@ -18,12 +18,12 @@
 .itemsContainer > .card > .cardBox {
     [dir="ltr"] & {
         margin-left: 0;
-        margin-right: 1.2em;
+        margin-right: 0;
     }
 
     [dir="rtl"] & {
         margin-right: 0;
-        margin-left: 1.2em;
+        margin-left: 0;
     }
 }