From 7b85f8f3db0c569d1906ee610f3cb6b744a180be Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sun, 12 Jul 2026 23:02:59 +0200
Subject: [PATCH] Make admin CMS translation language tabs horizontally
 scrollable

---
 src/app/admin/translations/translations-client.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/admin/translations/translations-client.tsx b/src/app/admin/translations/translations-client.tsx
index 931b05c0..9bc8a5ca 100644
--- a/src/app/admin/translations/translations-client.tsx
+++ b/src/app/admin/translations/translations-client.tsx
@@ -120,12 +120,13 @@ export function TranslationsClient({ localeContents }: Props) {
       </div>
 
       <div className="flex gap-2 flex-wrap">
-        <div className="flex gap-1">
+        <div className="flex gap-1 overflow-x-auto pb-1 max-w-full">
           {LOCALES.map(({ code, label }) => (
             <Button
               key={code}
               variant={activeLang === code ? "default" : "outline"}
               size="sm"
+              className="shrink-0"
               onClick={() => {
                 setActiveLang(code);
                 setPage(1);