diff --git a/src/mol-plugin/ui/controls/parameters.tsx b/src/mol-plugin/ui/controls/parameters.tsx
index f7e8774b143a255a13458a1f1fba3b1e917beb2c..6e6e43ad1ff58037d6064457c42d59b6eef1244b 100644
--- a/src/mol-plugin/ui/controls/parameters.tsx
+++ b/src/mol-plugin/ui/controls/parameters.tsx
@@ -250,10 +250,7 @@ export class ColorControl extends SimpleParam<PD.Color> {
     }
 
     renderControl() {
-        let rgb: any[] = Color.toStyle(this.props.value).replace('rgb(', '').split(', ');
-        rgb = rgb.map(c => parseInt(c)); 
-        let secondArg = `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 0.0)`;
-        return <select value={this.props.value} onChange={this.onChange} style={{background: `linear-gradient(90deg, ${Color.toStyle(this.props.value)}, ${secondArg})`}}>
+        return <select value={this.props.value} onChange={this.onChange} style={{ borderLeft: `16px solid ${Color.toStyle(this.props.value)}` }}>
             {ColorValueOption(this.props.value)}
             {ColorOptions()}
         </select>;