diff --git a/public/js/components/language-selector.js b/public/js/components/language-selector.js
index e0aa03b4..e7ea27b5 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: 'Coming when system is complete' }
+    { code: 'mi', name: 'Te Reo Māori', flag: '🇳🇿', disabled: true, tooltip: 'Planned' }
   ];
 
   function createLanguageSelector() {
@@ -20,7 +20,7 @@
     const selectorHTML = `
       <div class="language-selector">
         <!-- Desktop: Dropdown with text (md and up) -->
-        <div class="hidden md:block relative">
+        <div class="hidden md:block md:relative">
           <label for="language-selector-desktop" class="sr-only">Select Language</label>
           <select
             id="language-selector-desktop"
@@ -33,7 +33,7 @@
                 ${lang.code === currentLang ? 'selected' : ''}
                 ${lang.disabled ? 'disabled' : ''}
               >
-                ${lang.flag} ${lang.name}${lang.disabled ? ' (Coming Soon)' : ''}
+                ${lang.flag} ${lang.name}${lang.disabled ? ' (Planned)' : ''}
               </option>
             `).join('')}
           </select>
@@ -45,21 +45,23 @@
         </div>
 
         <!-- Mobile: Icon buttons (below md) -->
-        <div class="flex md:hidden gap-1">
-          ${supportedLanguages.filter(lang => !lang.disabled).map(lang => `
-            <button
-              data-lang="${lang.code}"
-              class="language-icon-btn w-11 h-11 flex items-center justify-center rounded-lg border-2 transition-all ${
-                lang.code === currentLang
-                  ? 'border-blue-600 bg-blue-50'
-                  : 'border-gray-300 bg-white hover:border-blue-400 hover:bg-blue-50'
-              }"
-              aria-label="Switch to ${lang.name}"
-              title="${lang.name}"
-            >
-              <span class="text-2xl" role="img" aria-label="${lang.name} flag">${lang.flag}</span>
-            </button>
-          `).join('')}
+        <div class="md:hidden">
+          <div class="flex gap-1">
+            ${supportedLanguages.filter(lang => !lang.disabled).map(lang => `
+              <button
+                data-lang="${lang.code}"
+                class="language-icon-btn w-11 h-11 flex items-center justify-center rounded-lg border-2 transition-all ${
+                  lang.code === currentLang
+                    ? 'border-blue-600 bg-blue-50'
+                    : 'border-gray-300 bg-white hover:border-blue-400 hover:bg-blue-50'
+                }"
+                aria-label="Switch to ${lang.name}"
+                title="${lang.name}"
+              >
+                <span class="text-2xl" role="img" aria-label="${lang.name} flag">${lang.flag}</span>
+              </button>
+            `).join('')}
+          </div>
         </div>
       </div>
     `;