fix typings for components in header

1 files changed, 3 insertions, 6 deletions

diff --git a/packages/dev-tools-pages/ts/components/Header.tsx b/packages/dev-tools-pages/ts/components/Header.tsx
index 153746aef..94714c0af 100644
--- a/packages/dev-tools-pages/ts/components/Header.tsx
+++ b/packages/dev-tools-pages/ts/components/Header.tsx
@@ -13,7 +13,7 @@ const Header: React.StatelessComponent<{}> = () => (
             <StyledHeader>
                 <Container>
                     <LogoMark>
-                        <Logo as={icon} />
+                        <Logo as={icon as 'svg'} />
                         <Title>{title}</Title>
                     </LogoMark>
 
@@ -50,7 +50,7 @@ const LogoMark = styled.div`
     align-items: center;
 `;
 
-const StyledLogo = styled.div`
+const Logo = styled.div`
     color: ${props => props.theme.colors.main};
     width: 1.75rem;
     height: 100%;
@@ -67,13 +67,10 @@ const Title = styled.h1`
     ${media.small`font-size: 1.25rem;`};
 `;
 
-const StyledLink = styled(Small)`
+const Link = styled(Small)`
     :hover {
         text-decoration: underline;
     }
 `;
 
-const Link = StyledLink as any;
-const Logo = StyledLogo as any;
-
 export { Header };