Изменить background у ColorPicker react.js

Как поменять цвет background у ColorPicker?

Библиотека import styled from "styled-components"; Можно отредактировать тут

import React, {useState} from 'react';
import styled from "styled-components";


export default function App() {

  const Container = styled.span`
  display: inline-flex;
  align-items: center;
  width: 150px;
  max-width: 150px;
  padding: 4px 12px;
  border: 1px solid #bfc9d9;
  border-radius: 4px;

  input[type="color"] {
    margin-right: 8px;
    -webkit-appearance: none;
    border: none;
    width: auto;
    height: auto;
    cursor: pointer;
    background: none;
    &::-webkit-color-swatch-wrapper {
      padding: 0;
      width: 14px;
      height: 14px;
    }
    &::-webkit-color-swatch {
      border: 1px solid #bfc9d9;
      border-radius: 4px;
      padding: 0;
    }
  }

  input[type="text"] {
    border: none;
    width: 100%;
    font-size: 14px;  
    background: none;
    color: #2d2d2d;
    outline: none;
  }
`;

const ColorPicker = props => {
  return (
    <Container className='fgd'>
      <input type="color" {...props} />
      <input type="text" {...props} />
    </Container>
  );
};

  const [state, updateState] = useState("#4aff93");
  
  const handleInput = e => {
    updateState(e.target.value);
  };


  return (
    <div className="App">
      <ColorPicker onChange={handleInput} value={state} />
    </div>
  );
}