From 4ec5c87b143a7cf6e4ad695f20336a2977d81336 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sat, 14 Feb 2026 15:06:08 +0000
Subject: [PATCH] web: fix mobile changelog Other Releases section layout

Co-Authored-By: yujonglee <yujonglee.dev@gmail.com>
---
 apps/web/src/routes/_view/changelog/$slug.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/routes/_view/changelog/$slug.tsx b/apps/web/src/routes/_view/changelog/$slug.tsx
index 7d3b329f7d..7701f5d0c7 100644
--- a/apps/web/src/routes/_view/changelog/$slug.tsx
+++ b/apps/web/src/routes/_view/changelog/$slug.tsx
@@ -324,7 +324,7 @@ function RelatedReleases({
         <p className="text-neutral-600">Explore more versions of Char</p>
       </div>
 
-      <div className="grid gap-4 grid-cols-5">
+      <div className="flex overflow-x-auto gap-4 sm:grid sm:grid-cols-5 sm:overflow-visible">
         {relatedChangelogs.map((release) => {
           const version = semver.parse(release.version);
           const isPrerelease = version && version.prerelease.length > 0;
@@ -346,7 +346,7 @@ function RelatedReleases({
             >
               <article
                 className={cn([
-                  "flex flex-col items-center gap-2 p-4 rounded-lg transition-all duration-300",
+                  "flex flex-col items-center gap-2 p-4 rounded-lg transition-all duration-300 shrink-0",
                   isCurrent ? "bg-stone-100" : "hover:bg-stone-50",
                 ])}
               >