From 823d85b24abe9c449377051cb253dea1b715bf65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C4=B1dvan=20Akca?=
 <43352493+ridvanakca@users.noreply.github.com>
Date: Fri, 25 Aug 2023 22:43:53 +0300
Subject: [PATCH] feat(custom-logo): constraint svg logo dimensions (#1243)

---
 packages/web/src/components/CustomLogo/index.ee.tsx | 3 ++-
 packages/web/src/components/CustomLogo/style.ee.ts  | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 packages/web/src/components/CustomLogo/style.ee.ts

diff --git a/packages/web/src/components/CustomLogo/index.ee.tsx b/packages/web/src/components/CustomLogo/index.ee.tsx
index a7e4c686..877124b4 100644
--- a/packages/web/src/components/CustomLogo/index.ee.tsx
+++ b/packages/web/src/components/CustomLogo/index.ee.tsx
@@ -1,4 +1,5 @@
 import useConfig from 'hooks/useConfig';
+import { LogoImage } from './style.ee';
 
 const CustomLogo = () => {
   const { config, loading } = useConfig(['logo.svgData']);
@@ -8,7 +9,7 @@ const CustomLogo = () => {
   const logoSvgData = config['logo.svgData'] as string;
 
   return (
-    <img
+    <LogoImage
       data-test="custom-logo"
       src={`data:image/svg+xml;utf8,${encodeURIComponent(logoSvgData)}`}
     />
diff --git a/packages/web/src/components/CustomLogo/style.ee.ts b/packages/web/src/components/CustomLogo/style.ee.ts
new file mode 100644
index 00000000..a7e8fadf
--- /dev/null
+++ b/packages/web/src/components/CustomLogo/style.ee.ts
@@ -0,0 +1,8 @@
+import styled from '@emotion/styled';
+
+export const LogoImage = styled('img')(() => ({
+  maxWidth: 200,
+  maxHeight: 50,
+  width: '100%',
+  height: 'auto',
+}));