diff --git a/src/components/admin/AIConfigTab.tsx b/src/components/admin/AIConfigTab.tsx
index c8448778..9008cc3d 100644
--- a/src/components/admin/AIConfigTab.tsx
+++ b/src/components/admin/AIConfigTab.tsx
@@ -260,7 +260,7 @@ export default function AIConfigTab() {
           {/* Routing */}
           <div className="space-y-4">
             <h3 className="text-sm font-semibold text-foreground">Routing</h3>
-            <div className="grid grid-cols-2 gap-4 max-w-lg">
+            <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 max-w-lg">
               <div className="space-y-1.5">
                 <Label>Main model</Label>
                 <Select
diff --git a/src/components/admin/CreditSettingsTab.tsx b/src/components/admin/CreditSettingsTab.tsx
index 9d02dac8..d3a77a67 100644
--- a/src/components/admin/CreditSettingsTab.tsx
+++ b/src/components/admin/CreditSettingsTab.tsx
@@ -64,7 +64,7 @@ export default function CreditSettingsTab() {
           <CardDescription>Configure the credit costs for core actions (1 credit = $1).</CardDescription>
         </CardHeader>
         <CardContent className="space-y-4">
-          <div className="grid grid-cols-3 gap-4">
+          <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
             <div>
               <Label>Persona creation cost (cr)</Label>
               <Input
@@ -100,7 +100,7 @@ export default function CreditSettingsTab() {
         </CardHeader>
         <CardContent className="space-y-4">
           {settings.credit_packs.map((pack, i) => (
-            <div key={pack.id} className="grid grid-cols-4 gap-3 items-end">
+            <div key={pack.id} className="grid grid-cols-2 sm:grid-cols-4 gap-3 items-end">
               <div>
                 <Label>Name</Label>
                 <Input value={pack.name} onChange={e => updatePack(i, 'name', e.target.value)} />