diff --git a/src/app/r/[code]/page.tsx b/src/app/r/[code]/page.tsx
index 9d90613..1ec1217 100644
--- a/src/app/r/[code]/page.tsx
+++ b/src/app/r/[code]/page.tsx
@@ -52,7 +52,12 @@ export default async function ReferralLandingPage({ params }: { params: Promise<
         <div className="mx-auto max-w-md space-y-8 text-center">
           {inviterPet ? (
             <div className="flex flex-col items-center gap-4">
-              <PetAvatar name={inviterPet.name} avatarKey={inviterPet.avatarKey} size="lg" className="h-24 w-24" />
+              {/* size="default" + eigene Größe: die Variante "lg" setzt per data-Attribut fest size-10 und gewinnt gegen className. */}
+              <PetAvatar
+                name={inviterPet.name}
+                avatarKey={inviterPet.avatarKey}
+                className="size-28 shadow-lg ring-4 ring-orange-500/25 sm:size-36"
+              />
               <h1 className="text-3xl font-bold tracking-tight text-balance">
                 {t("titleWithPet", { name: inviterPet.name })}
               </h1>