From e7b90f955025a7b5c41bbf7e0ee40a5606cc433a Mon Sep 17 00:00:00 2001
From: Remi <73385395+itsrubberduck@users.noreply.github.com>
Date: Sun, 21 Sep 2025 21:37:49 +0200
Subject: [PATCH] Fix horizontal overflow on lessons page

---
 app/pages/learn.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/pages/learn.vue b/app/pages/learn.vue
index 8000c1b..661967a 100644
--- a/app/pages/learn.vue
+++ b/app/pages/learn.vue
@@ -4376,8 +4376,8 @@ onMounted(() => {
 .module-overview::after {
   content: "";
   position: absolute;
-  inset: -20% -30% -60% 40%;
-  background: radial-gradient(520px 360px at 90% 100%, color-mix(in srgb, var(--accent2) 28%, transparent), transparent 75%);
+  inset: -20% 0 -60% 40%;
+  background: radial-gradient(520px 360px at 110% 100%, color-mix(in srgb, var(--accent2) 28%, transparent), transparent 75%);
   opacity: .35;
   pointer-events: none;
   filter: blur(12px);
@@ -4481,7 +4481,7 @@ onMounted(() => {
 .lesson-track {
   overflow-x: auto;
   padding-bottom: 12px;
-  margin: 0 -6px;
+  margin: 0;
   padding-left: 6px;
   padding-right: 6px;
   scroll-snap-type: x proximity;