diff --git a/bower.json b/bower.json
index 5aad4c0..8d45070 100644
--- a/bower.json
+++ b/bower.json
@@ -14,7 +14,7 @@
     "moment": "~2.1.0",
     "font-awesome": "4.6.0",
     "sass-bootstrap": "~3.0.2",
-    "mw-uikit": "~1.0.7"
+    "mw-uikit": "~1.0.12"
   },
   "resolutions": {
     "jquery-ui": "^1.12.1",
diff --git a/src/app/modules/main/controllers/main.controller.js b/src/app/modules/main/controllers/main.controller.js
index 85eb0b8..dbe718c 100644
--- a/src/app/modules/main/controllers/main.controller.js
+++ b/src/app/modules/main/controllers/main.controller.js
@@ -7,6 +7,10 @@ angular.module('mwPortal.Main')
       window.localStorage.setItem('locale', id);
     };
 
+    this.isLocaleActive = function(id){
+      return i18n.getActiveLocale().id === id;
+    };
+
     this.getCurrentYear = function () {
       return (new Date()).getFullYear();
     };
diff --git a/src/index.html b/src/index.html
index ee9d9c5..796a217 100644
--- a/src/index.html
+++ b/src/index.html
@@ -104,11 +104,13 @@
 
       <div mw-menu-top-entries right="true">
         <div mw-menu-entry
-             icon="fa-language">
+             icon="fa-language"
+             is-active="false">
           <div ng-repeat="locale in ctrl.locales">
             <div mw-menu-entry
                  label="{{locale.name}}"
-                 action="ctrl.setLocale(locale.id)">
+                 action="ctrl.setLocale(locale.id)"
+                 is-active="ctrl.isLocaleActive(locale.id)">
             </div>
           </div>
         </div>