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",
                 ])}
               >