diff --git a/x-pack/plugins/lens/public/shared_components/coloring/palette_panel_container.tsx b/x-pack/plugins/lens/public/shared_components/coloring/palette_panel_container.tsx
index 0b394ec638d69a..2cd066acc6617c 100644
--- a/x-pack/plugins/lens/public/shared_components/coloring/palette_panel_container.tsx
+++ b/x-pack/plugins/lens/public/shared_components/coloring/palette_panel_container.tsx
@@ -9,8 +9,9 @@ import { i18n } from '@kbn/i18n';
 import React, { MutableRefObject } from 'react';
 import { EuiButtonIcon, EuiFlexItem, EuiColorPaletteDisplay, EuiToolTip } from '@elastic/eui';
 import { FIXED_PROGRESSION } from '@kbn/coloring';
-import { SettingWithSiblingFlyout } from '../setting_with_sibling_flyout';
 
+import { css } from '@emotion/react';
+import { SettingWithSiblingFlyout } from '../setting_with_sibling_flyout';
 export function PalettePanelContainer(props: {
   palette: string[];
   siblingRef: MutableRefObject<HTMLDivElement | null>;
@@ -30,6 +31,9 @@ export function PalettePanelContainer(props: {
               palette={props.palette}
               type={FIXED_PROGRESSION}
               onClick={onClick}
+              css={css`
+                cursor: pointer;
+              `}
             />
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
@@ -46,6 +50,7 @@ export function PalettePanelContainer(props: {
                 iconType="controlsHorizontal"
                 onClick={onClick}
                 size="xs"
+                color="text"
               />
             </EuiToolTip>
           </EuiFlexItem>
diff --git a/x-pack/plugins/lens/public/shared_components/setting_with_sibling_flyout.tsx b/x-pack/plugins/lens/public/shared_components/setting_with_sibling_flyout.tsx
index 2bcb6a71bf541d..fed4702e697b93 100644
--- a/x-pack/plugins/lens/public/shared_components/setting_with_sibling_flyout.tsx
+++ b/x-pack/plugins/lens/public/shared_components/setting_with_sibling_flyout.tsx
@@ -64,7 +64,7 @@ export function SettingWithSiblingFlyout({
   }, [isInlineEditing, isFlyoutOpen]);
 
   return (
-    <EuiFlexGroup alignItems="center" gutterSize="s" responsive={false} css={{ cursor: 'pointer' }}>
+    <EuiFlexGroup alignItems="center" gutterSize="s" responsive={false}>
       <SettingTrigger onClick={toggleFlyout} />
       {isFlyoutOpen && siblingRef.current && (
         <EuiPortal insert={{ sibling: siblingRef.current, position: 'after' }}>