diff --git a/src/components/ApiLogo/styled.elements.tsx b/src/components/ApiLogo/styled.elements.tsx
index 321256dea8..1c0e97c2eb 100644
--- a/src/components/ApiLogo/styled.elements.tsx
+++ b/src/components/ApiLogo/styled.elements.tsx
@@ -10,6 +10,7 @@ export const LogoImgEl = styled.img`
 
 export const LogoWrap = styled.div`
   text-align: center;
+  padding: ${props => props.theme.logo.gutter};
 `;
 
 const Link = styled.a`
diff --git a/src/theme.ts b/src/theme.ts
index a8b8d46a4a..c31fd369ab 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -139,6 +139,7 @@ const defaultTheme: ThemeInterface = {
   logo: {
     maxHeight: ({ menu }) => menu.width,
     maxWidth: ({ menu }) => menu.width,
+    gutter: '2px',
   },
   rightPanel: {
     backgroundColor: '#263238',
@@ -307,6 +308,7 @@ export interface ResolvedThemeInterface {
   logo: {
     maxHeight: string;
     maxWidth: string;
+    gutter: string;
   };
   rightPanel: {
     backgroundColor: string;