diff --git a/src/components/ApiLogo/ApiLogo.tsx b/src/components/ApiLogo/ApiLogo.tsx
index 8a431e39..05acda2f 100644
--- a/src/components/ApiLogo/ApiLogo.tsx
+++ b/src/components/ApiLogo/ApiLogo.tsx
@@ -1,7 +1,7 @@
 import { OpenAPIInfo } from '../../types';
 import * as React from 'react';
 import { observer } from 'mobx-react';
-import { LogoImgEl } from './styled.elements';
+import { LogoImgEl, LogoWrap } from './styled.elements';
 
 const LinkWrap = url => Component => <a href={url}>{Component}</a>;
 
@@ -15,6 +15,10 @@ export class ApiLogo extends React.Component<{ info: OpenAPIInfo }> {
     const logo = (
       <LogoImgEl src={logoInfo.url} style={{ backgroundColor: logoInfo.backgroundColor }} />
     );
-    return info.contact && info.contact.url ? LinkWrap(info.contact.url)(logo) : logo;
+    return (
+      <LogoWrap>
+        {info.contact && info.contact.url ? LinkWrap(info.contact.url)(logo) : logo}{' '}
+      </LogoWrap>
+    );
   }
 }
diff --git a/src/components/ApiLogo/styled.elements.ts b/src/components/ApiLogo/styled.elements.ts
index 5089360a..3d1099ec 100644
--- a/src/components/ApiLogo/styled.elements.ts
+++ b/src/components/ApiLogo/styled.elements.ts
@@ -6,3 +6,7 @@ export const LogoImgEl = styled.img`
   display: inline-block;
   max-width: 100%;
 `;
+
+export const LogoWrap = styled.div`
+  text-align: center;
+`;