From c5a9ce0125eb239e2456950da65da1ff085dbf78 Mon Sep 17 00:00:00 2001
From: Regaron <Regaron@users.noreply.github.com>
Date: Mon, 30 Nov 2020 09:38:41 +0545
Subject: [PATCH] Update I18nWidget.tsx

---
 components/common/I18nWidget/I18nWidget.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/common/I18nWidget/I18nWidget.tsx b/components/common/I18nWidget/I18nWidget.tsx
index c52de20f3..3d91d4044 100644
--- a/components/common/I18nWidget/I18nWidget.tsx
+++ b/components/common/I18nWidget/I18nWidget.tsx
@@ -43,7 +43,7 @@ const I18nWidget: FC = () => {
   return (
     <nav className={s.root}>
       <div className="flex items-center relative">
-        <button className={s.button} aria-label="Language selector">
+        <button onClick={() => setDisplay(!display)} className={s.button} aria-label="Language selector">
           <img
           className="block mr-2 w-5"
           src={`/${LOCALES_MAP[currentLocale].img.filename}`}
@@ -51,7 +51,7 @@ const I18nWidget: FC = () => {
         />
           {LOCALES_MAP[currentLocale].name}
           {options && (
-          <span className="cursor-pointer" onClick={() => setDisplay(!display)}>
+          <span style={{transform:"translateY(0.15rem)"}} className="cursor-pointer">
             <svg
               viewBox="0 0 24 24"
               width="24"
@@ -72,7 +72,7 @@ const I18nWidget: FC = () => {
       <div className="absolute top-0 right-0">
         {options?.length && display ? (
           <div className={s.dropdownMenu}>
-            <div className="flex flex-row justify-end px-6">
+            <div className="flex flex-row justify-end px-4 pt-4">
               <button
                 onClick={() => setDisplay(false)}
                 aria-label="Close panel"