From 32920dd8254f67d092bdd4a46a161ff774faab6b Mon Sep 17 00:00:00 2001
From: ThatGravyBoat <gravy@thatgravyboat.tech>
Date: Wed, 7 May 2025 18:28:00 -0230
Subject: [PATCH] fix: changelog margins overlapping link (#3593)

* fix: changelog margins overlapping link

* dont start gradient 8rem away
---
 .../src/pages/news/changelog/[product]/[date].vue        | 9 ++-------
 packages/ui/src/components/base/Timeline.vue             | 2 +-
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/apps/frontend/src/pages/news/changelog/[product]/[date].vue b/apps/frontend/src/pages/news/changelog/[product]/[date].vue
index 39482b97c..8190671a9 100644
--- a/apps/frontend/src/pages/news/changelog/[product]/[date].vue
+++ b/apps/frontend/src/pages/news/changelog/[product]/[date].vue
@@ -39,13 +39,8 @@ if (!changelogEntry.value) {
     >
       <ChevronLeftIcon /> View full changelog
     </nuxt-link>
-    <Timeline fade-out-end :fade-out-start="!isFirst" :class="{ '-mt-8': !isFirst }">
-      <ChangelogEntry
-        :entry="changelogEntry"
-        :first="isFirst"
-        show-type
-        :class="{ 'mt-8': !isFirst }"
-      />
+    <Timeline fade-out-end :fade-out-start="!isFirst">
+      <ChangelogEntry :entry="changelogEntry" :first="isFirst" show-type />
     </Timeline>
   </div>
 </template>
diff --git a/packages/ui/src/components/base/Timeline.vue b/packages/ui/src/components/base/Timeline.vue
index e35b06921..3466eabfd 100644
--- a/packages/ui/src/components/base/Timeline.vue
+++ b/packages/ui/src/components/base/Timeline.vue
@@ -48,7 +48,7 @@ withDefaults(
     mask-image: linear-gradient(
       to bottom,
       transparent 0%,
-      black 8rem,
+      black,
       black calc(100% - 8rem),
       transparent 100%
     );