From 351aa47e47af7133bfc51b4713f597087a6b878d Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Sat, 11 Nov 2023 15:34:50 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Logo=20has=20no=20height=20and?=
 =?UTF-8?q?=20object-fit=20is=20not=20contain=20#1581=20(#1584)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/Common/Logo.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/layout/Common/Logo.tsx b/src/components/layout/Common/Logo.tsx
index 891ea36d7..d572a30ac 100644
--- a/src/components/layout/Common/Logo.tsx
+++ b/src/components/layout/Common/Logo.tsx
@@ -18,6 +18,12 @@ export function Logo({ size = 'md', withoutText = false }: LogoProps) {
     <Group spacing={size === 'md' ? 'xs' : 4} noWrap>
       <Image
         width={size === 'md' ? 50 : 12}
+        height={size === 'md' ? 50 : 12}
+        styles={{
+          image: {
+            objectFit: 'contain !important' as 'contain',
+          },
+        }}
         src={config?.settings.customization.logoImageUrl || '/imgs/logo/logo-color.svg'}
         alt="Homarr Logo"
         className="dashboard-header-logo-image"