From 633575914ab87cb6bc48c83a5c043fea46583ced Mon Sep 17 00:00:00 2001
From: Jonathan Yeong <hey@jonathanyeong.com>
Date: Wed, 28 Jan 2026 07:51:02 -0500
Subject: [PATCH] fix: horizontal scroll on mobile viewports

---
 app/pages/[...package].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index 5e1412e773..feeed60597 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -674,7 +674,7 @@ defineOgImageComponent('Package', {
           </h2>
           <!-- Package manager tabs -->
           <div
-            class="flex items-center gap-1 p-0.5 bg-bg-subtle border border-border-subtle rounded-md"
+            class="flex items-center gap-1 p-0.5 bg-bg-subtle border border-border-subtle rounded-md overflow-x-auto"
             role="tablist"
             :aria-label="$t('package.install.pm_label')"
           >
@@ -905,7 +905,7 @@ defineOgImageComponent('Package', {
   gap: 2rem;
 
   /* Mobile: single column, sidebar above readme */
-  grid-template-columns: 1fr;
+  grid-template-columns: minmax(0, 1fr);
   grid-template-areas:
     'header'
     'install'