diff --git a/public/js/components/language-selector.js b/public/js/components/language-selector.js
index 0987bae5..28854709 100644
--- a/public/js/components/language-selector.js
+++ b/public/js/components/language-selector.js
@@ -8,7 +8,7 @@
     { code: 'en', name: 'English', flag: '🇬🇧' },
     { code: 'de', name: 'Deutsch', flag: '🇩🇪' },
     { code: 'fr', name: 'Français', flag: '🇫🇷' },
-    { code: 'mi', name: 'Te Reo Māori', flag: '🇳🇿', disabled: true, tooltip: 'Planned' }
+    { code: 'mi', name: 'Te Reo Māori', flagUrl: 'https://stroh.mysovereignty.digital/images/tino-rangatiratanga-flag.svg', disabled: true, tooltip: 'Planned' }
   ];
 
   function createLanguageSelector() {
@@ -32,7 +32,10 @@
             title="${lang.name}${lang.disabled ? ' (' + lang.tooltip + ')' : ''}"
             ${lang.disabled ? 'disabled' : ''}
           >
-            <span class="text-2xl" role="img" aria-label="${lang.name} flag">${lang.flag}</span>
+            ${lang.flagUrl
+              ? `<img src="${lang.flagUrl}" alt="${lang.name} flag" class="w-6 h-6 rounded-sm object-cover">`
+              : `<span class="text-2xl" role="img" aria-label="${lang.name} flag">${lang.flag}</span>`
+            }
           </button>
         `).join('')}
       </div>