From 4615ef4dcc3c69c3424a6a77371fe372158c6e21 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 25 Apr 2026 20:41:49 +0530
Subject: [PATCH] Fix: Added a workaround to bring back the gap between the
 last scrollSlider child and the screen on phones

---
 Theme/ElegantFin-theme-nightly.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 1d1661b..b314c3d 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -1102,6 +1102,12 @@ select {
     row-gap: 1em;
 }
 
+/* this is a workaround to add a gap between the last child and the edge of the screen on phones */
+.layout-mobile .itemsContainer:not(.editorsChoiceItemsContainer, .vertical-wrap)::after {
+    content: "13";
+    color: transparent;
+}
+
 .layout-desktop .sectionTitle,
 .layout-tv .sectionTitle {
     font-size: 1.5rem !important;