From 0e1b4cf6857fa7981bea3f00cb48079f4968dc3c Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Mon, 25 Feb 2019 21:58:16 +0100
Subject: [PATCH] smaller lang flag

---
 .../Header/components/LanguagePicker/index.js          | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Header/components/LanguagePicker/index.js b/src/components/Header/components/LanguagePicker/index.js
index 62ec5363..f8dd1620 100644
--- a/src/components/Header/components/LanguagePicker/index.js
+++ b/src/components/Header/components/LanguagePicker/index.js
@@ -14,13 +14,13 @@ const SelectWrapper = styled.div`
 `;
 
 const SelectIcon = styled.span`
-    padding: 0px 6px;
-    margin-right: -38px;
+    margin-right: -24px;
+    padding-left: 6px;
 `;
 
 const StyledSelect = styled.select`
     height: 100%;
-    padding-left: 32px;
+    padding-left: 30px;
     border: 0;
     background: transparent;
     cursor: pointer;
@@ -34,8 +34,8 @@ const StyledSelect = styled.select`
 const LanguagePicker = ({ language, fetchLocale }: Props) => (
     <SelectWrapper>
         <SelectIcon role="img" aria-label="Select language">
-            <svg width="32" height="24">
-                <image xlinkHref={`l10n/flags/${language}.svg`} width="32" height="24" />
+            <svg width="24" height="18">
+                <image xlinkHref={`l10n/flags/${language}.svg`} width="24" height="18" />
             </svg>
         </SelectIcon>
         <StyledSelect