From 544b999f81e39557e0fc002d21b24c512cfebc54 Mon Sep 17 00:00:00 2001
From: Daniel Ruf <827205+DanielRuf@users.noreply.github.com>
Date: Mon, 30 Dec 2019 10:12:00 +0100
Subject: [PATCH] fix: remove whitespace from logo image - closes #374 (#400)

* fix: remove whitespace from logo image - closes #374

* test: update snapshot

Co-authored-by: Juan Picado @jotadeveloper <juanpicado19@gmail.com>
---
 src/components/Header/HeaderLogo.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/HeaderLogo.tsx b/src/components/Header/HeaderLogo.tsx
index d2de7fe..20031af 100644
--- a/src/components/Header/HeaderLogo.tsx
+++ b/src/components/Header/HeaderLogo.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import styled from '@emotion/styled';
 
 import Logo from '../Logo';
 
@@ -8,7 +9,14 @@ interface Props {
 
 const HeaderLogo: React.FC<Props> = ({ logo }) => {
   if (logo) {
-    return <img alt="logo" height="40px" src={logo} />;
+    const Wrapper = styled('div')({
+      fontSize: 0,
+    });
+    return (
+      <Wrapper>
+        <img alt="logo" height="40px" src={logo} />
+      </Wrapper>
+    );
   }
 
   return <Logo />;