diff --git a/apps/frontend/app/family/page.tsx b/apps/frontend/app/family/page.tsx
index 3effc11..97ef89c 100644
--- a/apps/frontend/app/family/page.tsx
+++ b/apps/frontend/app/family/page.tsx
@@ -70,9 +70,19 @@ export default function FamilyPage() {
       <h1 className="text-2xl font-medium tracking-tight sm:text-4xl">Семейный доступ</h1>
       <p className="mt-2 text-sm text-[#667085] sm:text-base">Приглашайте близких, общайтесь в чатах и управляйте семейной группой.</p>
 
-      <div className="mt-6 flex flex-col gap-3 sm:mt-8 sm:flex-row">
-        <Input value={name} onChange={(event) => setName(event.target.value)} placeholder="Название семьи" className="min-w-0 flex-1" />
-        <Button className="shrink-0" onClick={() => void createGroup()} disabled={creating || !name.trim()}>
+      <div className="mt-6 flex flex-col gap-3 sm:mt-8 sm:flex-row sm:items-stretch">
+        <Input
+          value={name}
+          onChange={(event) => setName(event.target.value)}
+          placeholder="Название семьи"
+          className="h-14 min-h-14 min-w-0 flex-1 px-4 text-base"
+        />
+        <Button
+          size="lg"
+          className="h-14 w-full shrink-0 px-6 sm:w-auto"
+          onClick={() => void createGroup()}
+          disabled={creating || !name.trim()}
+        >
           {creating ? 'Создаём...' : (<><Plus className="h-4 w-4" />Создать</>)}
         </Button>
       </div>