1 files changed, 2 insertions, 12 deletions

diff --git a/src/components/ui/ColorPickerInput.tsx b/src/components/ui/ColorPickerInput.tsx
index 7cbdb295b..8a4d3129a 100644
--- a/src/components/ui/ColorPickerInput.tsx
+++ b/src/components/ui/ColorPickerInput.tsx
@@ -3,7 +3,6 @@ import { observer } from 'mobx-react';
 import { Field } from 'mobx-react-form';
 import classnames from 'classnames';
 import { SliderPicker } from 'react-color';
-import { DEFAULT_APP_SETTINGS } from '../../config';
 
 interface IProps {
   field: Field;
@@ -11,20 +10,12 @@ interface IProps {
   focus?: boolean;
 };
 
-interface IState {
-  background: string;
-}
-
-class ColorPickerInput extends Component<IProps, IState> {
+class ColorPickerInput extends Component<IProps> {
   static defaultProps = {
     className: null,
     focus: false,
   };
 
-  state = {
-    background: DEFAULT_APP_SETTINGS.accentColor,
-  };
-
   inputElement: HTMLInputElement | null | undefined;
 
   componentDidMount() {
@@ -45,7 +36,6 @@ class ColorPickerInput extends Component<IProps, IState> {
 
   handleChangeComplete = (color: { hex: string; }) => {
     const { field } = this.props;
-    this.setState({ background: color.hex });
     field.value = color.hex
   };
 
@@ -67,7 +57,7 @@ class ColorPickerInput extends Component<IProps, IState> {
         })}
       >
         <SliderPicker
-          color={ this.state.background }
+          color={ field.value }
           onChangeComplete={ this.handleChangeComplete }
           id={field.id}
           type={type}