From eebaa50710bcd79496f06ea8eafae7408c8f3b9c Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 12 May 2023 19:52:21 +1000
Subject: [PATCH] fix(ui): fix language picker tooltip

---
 invokeai/frontend/web/public/locales/en.json  |  2 +-
 .../system/components/LanguagePicker.tsx      | 34 +++++++++----------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index dccb77c267..3592e141d0 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -25,7 +25,7 @@
     "common": {
         "hotkeysLabel": "Hotkeys",
         "themeLabel": "Theme",
-        "languagePickerLabel": "Language Picker",
+        "languagePickerLabel": "Language",
         "reportBugLabel": "Report Bug",
         "githubLabel": "Github",
         "discordLabel": "Discord",
diff --git a/invokeai/frontend/web/src/features/system/components/LanguagePicker.tsx b/invokeai/frontend/web/src/features/system/components/LanguagePicker.tsx
index e5544c9bb9..d34ee581ed 100644
--- a/invokeai/frontend/web/src/features/system/components/LanguagePicker.tsx
+++ b/invokeai/frontend/web/src/features/system/components/LanguagePicker.tsx
@@ -40,28 +40,28 @@ export default function LanguagePicker() {
   const language = useAppSelector(languageSelector);
 
   return (
-    <Tooltip title={t('common.languagePickerLabel')}>
-      <Menu closeOnSelect={false}>
+    <Menu closeOnSelect={false}>
+      <Tooltip label={t('common.languagePickerLabel')} hasArrow>
         <MenuButton
           as={IAIIconButton}
           icon={<FaLanguage />}
           variant="link"
           aria-label={t('common.languagePickerLabel')}
         />
-        <MenuList>
-          <MenuOptionGroup value={language}>
-            {map(LANGUAGES, (languageName, l: keyof typeof LANGUAGES) => (
-              <MenuItemOption
-                key={l}
-                value={l}
-                onClick={() => dispatch(languageChanged(l))}
-              >
-                {languageName}
-              </MenuItemOption>
-            ))}
-          </MenuOptionGroup>
-        </MenuList>
-      </Menu>
-    </Tooltip>
+      </Tooltip>
+      <MenuList>
+        <MenuOptionGroup value={language}>
+          {map(LANGUAGES, (languageName, l: keyof typeof LANGUAGES) => (
+            <MenuItemOption
+              key={l}
+              value={l}
+              onClick={() => dispatch(languageChanged(l))}
+            >
+              {languageName}
+            </MenuItemOption>
+          ))}
+        </MenuOptionGroup>
+      </MenuList>
+    </Menu>
   );
 }