diff --git a/src/components/ApiLogo/styled.elements.tsx b/src/components/ApiLogo/styled.elements.tsx
index bd4f7163..3c7260c8 100644
--- a/src/components/ApiLogo/styled.elements.tsx
+++ b/src/components/ApiLogo/styled.elements.tsx
@@ -3,9 +3,8 @@ import styled from '../../styled-components';
 
 export const LogoImgEl = styled.img`
   max-height: ${props => props.theme.logo.maxHeight};
-  width: auto;
+  width: ${props => props.theme.logo.width};
   display: block;
-  max-width: 100%;
 `;
 
 export const LogoWrap = styled.div`
diff --git a/src/theme.ts b/src/theme.ts
index be449331..5f7a4ea8 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -53,7 +53,8 @@ const theme = {
     backgroundColor: '#fafafa',
   },
   logo: {
-    maxHeight: '150px',
+    maxHeight: 'none',
+    width: '100%',
   },
   rightPanel: {
     backgroundColor: '#263238',