diff --git a/src/views/profile.html b/src/views/profile.html
index 81b709c51..a39aead67 100644
--- a/src/views/profile.html
+++ b/src/views/profile.html
@@ -359,7 +359,7 @@
             <tr>
               <td class="text-muted" style="vertical-align: middle;">{{ 'profile.language' | tr }}</td>
               <td class="text-right" style="vertical-align: middle;">
-                <multiselect ng-model="language" options="lang.label for lang in languages" data-multiple="false" filter-after-rows="5" scroll-after-rows="10"></multiselect>
+                <multiselect ng-model="language" options="lang for lang in languages" data-multiple="false" filter-after-rows="5" scroll-after-rows="10"></multiselect>
               </td>
             </tr>
             <tr>
diff --git a/src/views/profile.js b/src/views/profile.js
index 89b9f1ba6..7f8655f11 100644
--- a/src/views/profile.js
+++ b/src/views/profile.js
@@ -10,21 +10,16 @@ angular.module('Application').controller('ProfileController', ['$scope', '$trans
     $scope.apps = Client.getInstalledApps();
 
     $scope.language;
-    $scope.languages = [
-        { label: 'English', key: 'en' },
-        { label: 'French', key: 'fr' },
-        { label: 'German', key: 'de' },
-        { label: 'Italian', key: 'it' }
-    ];
+    $scope.languages = Client.getAvailableLanguages();
 
     $translate.onReady(function () {
         var usedLang = $translate.use() || $translate.fallbackLanguage();
-        $scope.language = $scope.languages.find(function (l) { return l.key === usedLang; });
+        $scope.language = $scope.languages.find(function (l) { return l === usedLang; });
     });
 
     $scope.$watch('language', function (newVal, oldVal) {
         if (newVal === oldVal) return;
-        $translate.use(newVal.key);
+        $translate.use(newVal);
     });
 
     $scope.twoFactorAuthentication = {