diff --git a/UI/Templates/PreferencesUI/UIxPreferences.wox b/UI/Templates/PreferencesUI/UIxPreferences.wox
index d1629cc28..fa5604703 100644
--- a/UI/Templates/PreferencesUI/UIxPreferences.wox
+++ b/UI/Templates/PreferencesUI/UIxPreferences.wox
@@ -692,6 +692,7 @@
                   <md-list>
                     <md-list-item ng-repeat="(key, value) in
                                              preferences.defaults.SOGoMailLabelsColors">
+                      <i class="md-avatar" ng-style="{'background-color': '{{value[1]}}'}"><!-- label color --></i>
                       <md-input-container>
 	                <input type="text" ng-model="value[0]"/>
                       </md-input-container>
diff --git a/UI/WebServerResources/js/PreferencesUI.js b/UI/WebServerResources/js/PreferencesUI.js
index 935730d18..b330b5d02 100644
--- a/UI/WebServerResources/js/PreferencesUI.js
+++ b/UI/WebServerResources/js/PreferencesUI.js
@@ -126,7 +126,7 @@
       };
       
       $scope.addMailLabel = function() {
-        $scope.preferences.defaults.SOGoMailLabelsColors["foo_bar"] =  ["foo bar", "#FFFF00"];
+        $scope.preferences.defaults.SOGoMailLabelsColors["new_label"] =  ["New label", "#aaa"];
       };
 
       $scope.removeMailLabel = function(key) {