From aaf7d6b7e4a4fcaf12f620b181675d0974ec0418 Mon Sep 17 00:00:00 2001
From: "Michael S. Molina" <70410625+michael-s-molina@users.noreply.github.com>
Date: Thu, 2 Nov 2023 11:02:47 -0300
Subject: [PATCH] chore: Removes border of the color picker control (#25812)

---
 .../src/explore/components/controls/ColorPickerControl.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx b/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx
index 3b887357924b3..9fa189a9dea23 100644
--- a/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx
+++ b/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx
@@ -19,7 +19,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { SketchPicker } from 'react-color';
-import { getCategoricalSchemeRegistry, styled } from '@superset-ui/core';
+import { getCategoricalSchemeRegistry, styled, css } from '@superset-ui/core';
 import Popover from 'src/components/Popover';
 import ControlHeader from '../ControlHeader';
 
@@ -82,6 +82,11 @@ export default class ColorPickerControl extends React.Component {
     return (
       <div id="filter-popover" className="color-popover">
         <SketchPicker
+          css={css`
+            // We need to use important here as these are element level styles
+            padding: 0 !important;
+            box-shadow: none !important;
+          `}
           color={this.props.value}
           onChange={this.onChange}
           presetColors={presetColors}