diff --git a/components/Header/Locales/LocaleFlag.tsx b/components/Header/Locales/LocaleFlag.tsx
index 9a7f519..117acb3 100644
--- a/components/Header/Locales/LocaleFlag.tsx
+++ b/components/Header/Locales/LocaleFlag.tsx
@@ -1,5 +1,7 @@
-import { useI18n } from "@/i18n/i18n.client"
+import Image from "next/image"
+
 import type { CookiesStore } from "@/utils/constants"
+import { useI18n } from "@/i18n/i18n.client"
 
 export interface LocaleFlagProps {
   locale: string
@@ -12,8 +14,17 @@ export const LocaleFlag = (props: LocaleFlagProps): JSX.Element => {
   const i18n = useI18n(cookiesStore)
 
   return (
-    <p data-cy="locale-flag-text" className="mx-2 text-lg font-semibold">
-      {i18n.translate(`common.${locale}`)}
-    </p>
+    <>
+      <Image
+        quality={100}
+        width={35}
+        height={35}
+        src={`/images/locales/${locale}.svg`}
+        alt={locale}
+      />
+      <p data-cy="locale-flag-text" className="mx-2 text-base">
+        {i18n.translate(`common.${locale}`)}
+      </p>
+    </>
   )
 }
diff --git a/i18n/translations/en-US/common.json b/i18n/translations/en-US/common.json
index 19b968d..73b24b5 100644
--- a/i18n/translations/en-US/common.json
+++ b/i18n/translations/en-US/common.json
@@ -1,6 +1,6 @@
 {
-  "en-US": "🇺🇸 English",
-  "fr-FR": "🇫🇷 French",
+  "en-US": "English",
+  "fr-FR": "French",
   "all-rights-reserved": "All rights reserved",
   "home": "Home"
 }
diff --git a/i18n/translations/fr-FR/common.json b/i18n/translations/fr-FR/common.json
index 7f602a2..7d6de06 100644
--- a/i18n/translations/fr-FR/common.json
+++ b/i18n/translations/fr-FR/common.json
@@ -1,6 +1,6 @@
 {
-  "en-US": "🇺🇸 Anglais",
-  "fr-FR": "🇫🇷 Français",
+  "en-US": "Anglais",
+  "fr-FR": "Français",
   "all-rights-reserved": "Tous droits réservés",
   "home": "Accueil"
 }