diff --git a/src/app/(app)/explore/page.tsx b/src/app/(app)/explore/page.tsx
index 6df636a..6e6d2d1 100644
--- a/src/app/(app)/explore/page.tsx
+++ b/src/app/(app)/explore/page.tsx
@@ -94,18 +94,20 @@ export default function ExplorePage() {
       <h1 className="text-xl font-semibold mb-4">{t("title")}</h1>
 
       <Tabs value={activeTab} onValueChange={handleTabChange} className="mb-4">
-        <TabsList>
-          <TabsTrigger value="trending" className="gap-1">
-            <TrendingUp className="h-3.5 w-3.5" />
-            {t("trending")}
-          </TabsTrigger>
-          <TabsTrigger value="all">{t("all")}</TabsTrigger>
-          {(speciesList ?? []).map((s) => (
-            <TabsTrigger key={s.id} value={s.id}>
-              {s.name}
+        <div className="overflow-x-auto">
+          <TabsList className="w-max">
+            <TabsTrigger value="trending" className="gap-1">
+              <TrendingUp className="h-3.5 w-3.5" />
+              {t("trending")}
             </TabsTrigger>
-          ))}
-        </TabsList>
+            <TabsTrigger value="all">{t("all")}</TabsTrigger>
+            {(speciesList ?? []).map((s) => (
+              <TabsTrigger key={s.id} value={s.id}>
+                {s.name}
+              </TabsTrigger>
+            ))}
+          </TabsList>
+        </div>
       </Tabs>
 
       {/* Breed filter — only when a species tab is active */}