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"