From 55ec78e92ee5271fb7a83fe99d900878b4816ef9 Mon Sep 17 00:00:00 2001
From: Musiker15 <info@musiker15.de>
Date: Sun, 21 Jun 2026 20:36:28 +0200
Subject: [PATCH] fix(web): keep aspect ratio of the logo preview in the
 branding dashboard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The logo `<img>` sits in the Field's flex column, whose default
`align-items: stretch` forced it to the container's full width while `h-16`
pinned the height — distorting the preview. The public form/status pages already
use `self-start`; apply the same here (+ object-contain / max-w-full) so the
preview keeps the logo's real proportions.
---
 apps/web/src/components/branding/logo-form.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/branding/logo-form.tsx b/apps/web/src/components/branding/logo-form.tsx
index 978d01d..da27d27 100644
--- a/apps/web/src/components/branding/logo-form.tsx
+++ b/apps/web/src/components/branding/logo-form.tsx
@@ -55,7 +55,7 @@ export function LogoForm({
           <img
             src={logoUrl}
             alt=""
-            className="mb-2 h-16 w-auto rounded-md border border-border bg-background p-2"
+            className="mb-2 h-16 w-auto self-start max-w-full object-contain rounded-md border border-border bg-background p-2"
           />
         )}
         <input