1 files changed, 6 insertions, 1 deletions

diff --git a/web/react/components/user_settings_appearance.jsx b/web/react/components/user_settings_appearance.jsx
index 878ec42fc..3afdd7349 100644
--- a/web/react/components/user_settings_appearance.jsx
+++ b/web/react/components/user_settings_appearance.jsx
@@ -6,6 +6,7 @@ var SettingItemMin = require('./setting_item_min.jsx');
 var SettingItemMax = require('./setting_item_max.jsx');
 var Client = require('../utils/client.jsx');
 var Utils = require('../utils/utils.jsx');
+import {config} from '../utils/config.js';
 
 export default class UserSettingsAppearance extends React.Component {
     constructor(props) {
@@ -89,6 +90,7 @@ export default class UserSettingsAppearance extends React.Component {
                 for (var i = 0; i < config.ThemeColors.length; i++) {
                     themeButtons.push(
                         <button
+                            key={config.ThemeColors[i] + 'key' + i}
                             ref={config.ThemeColors[i]}
                             type='button'
                             className='btn btn-lg color-btn'
@@ -101,7 +103,10 @@ export default class UserSettingsAppearance extends React.Component {
                 var inputs = [];
 
                 inputs.push(
-                    <li className='setting-list-item'>
+                    <li
+                        key='themeColorSetting'
+                        className='setting-list-item'
+                    >
                         <div
                             className='btn-group'
                             data-toggle='buttons-radio'