aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/dev-tools-pages/ts/components/Header.tsx9
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 };