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',
+}));