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);