diff --git a/src/components/ApiLogo/ApiLogo.tsx b/src/components/ApiLogo/ApiLogo.tsx
index 9fa019208e..fdf2b60ded 100644
--- a/src/components/ApiLogo/ApiLogo.tsx
+++ b/src/components/ApiLogo/ApiLogo.tsx
@@ -1,9 +1,7 @@
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { OpenAPIInfo } from '../../types';
-import { LogoImgEl, LogoWrap } from './styled.elements';
-
-const LinkWrap = url => Component => <a href={url}>{Component}</a>;
+import { LogoImgEl, LogoWrap, LinkWrap } from './styled.elements';
 
 @observer
 export class ApiLogo extends React.Component<{ info: OpenAPIInfo }> {
diff --git a/src/components/ApiLogo/styled.elements.ts b/src/components/ApiLogo/styled.elements.tsx
similarity index 60%
rename from src/components/ApiLogo/styled.elements.ts
rename to src/components/ApiLogo/styled.elements.tsx
index c9ee98dfc1..bd4f71634e 100644
--- a/src/components/ApiLogo/styled.elements.ts
+++ b/src/components/ApiLogo/styled.elements.tsx
@@ -1,3 +1,4 @@
+import * as React from 'react';
 import styled from '../../styled-components';
 
 export const LogoImgEl = styled.img`
@@ -10,3 +11,9 @@ export const LogoImgEl = styled.img`
 export const LogoWrap = styled.div`
   text-align: center;
 `;
+
+const Link = styled.a`
+  display: inline-block;
+`;
+
+export const LinkWrap = url => Component => <Link href={url}>{Component}</Link>;