diff --git a/components/Layout.tsx b/components/Layout.tsx
index b345e1e..8ba4f2f 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -62,6 +62,7 @@ function Logo({ title }: { title: string }) {
 
 function LanguageToggle() {
   const { asPath, locales, locale } = useRouter();
+  const { t } = useTranslation('common');
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(
     null,
   );
@@ -87,7 +88,7 @@ function LanguageToggle() {
           color: '#fff',
         }}
       >
-        {locale}
+        {t(String(locale))}
       </Button>
       <Menu
         id='language-toggle-menu'
@@ -114,7 +115,7 @@ function LanguageToggle() {
               href={asPath}
               locale={localeName}
             >
-              {localeName}
+              {t(localeName)}
             </Link>
           </MenuItem>
         ))}
diff --git a/i18n/en/common.json b/i18n/en/common.json
index b678c77..20a8b88 100644
--- a/i18n/en/common.json
+++ b/i18n/en/common.json
@@ -1,4 +1,16 @@
 {
+	"am": "አማርኛ",
+	"bn": "বাংলা",
+	"de": "Deutsch",
+	"en": "English",
+	"es": "Español",
+	"hi": "हिन्दी",
+	"it": "Italiano",
+	"ja": "日本語",
+	"pl": "Polski",
+	"pt": "Português",
+	"sw": "Kiswahili",
+	"vi": "Tiếng Việt",
 	"shortTitle": "Dev Tools",
 	"longTitle": "Developer Tools",
 	"sponsors": "Sponsors",