diff --git a/canvas_modules/common-canvas/src/common-canvas/cc-toolbar.jsx b/canvas_modules/common-canvas/src/common-canvas/cc-toolbar.jsx
index 3a94f4a77c..d69a259a30 100644
--- a/canvas_modules/common-canvas/src/common-canvas/cc-toolbar.jsx
+++ b/canvas_modules/common-canvas/src/common-canvas/cc-toolbar.jsx
@@ -27,6 +27,7 @@ import { ERROR, WARNING, SUCCESS, INFO, PALETTE_LAYOUT_NONE,
NOTIFICATION_ICON_CLASS, TOOLBAR_TOGGLE_NOTIFICATION_PANEL, TOOLBAR_LAYOUT_TOP,
TOOLBAR_TOGGLE_PALETTE }
from "../common-canvas/constants/canvas-constants";
+import { SidePanelOpenFilled, SidePanelCloseFilled } from "@carbon/react/icons";
class CommonCanvasToolbar extends React.Component {
constructor(props) {
@@ -177,9 +178,10 @@ class CommonCanvasToolbar extends React.Component {
// is to be performed. So add them as additional classes. Also, jest tests require them.
// TODO - In next major release, remove "paletteClose-action" and "paletteOpen-action"
const className = this.props.isPaletteOpen ? "closePalette-action paletteClose-action" : "openPalette-action paletteOpen-action";
+ const icon = this.props.isPaletteOpen ? () : ();
const togglePaletteAction =
- { action: TOOLBAR_TOGGLE_PALETTE, label: paletteLabel, enable: true,
+ { action: TOOLBAR_TOGGLE_PALETTE, label: paletteLabel, enable: true, iconEnabled: icon,
isSelected: this.props.isPaletteOpen, className };
const lbIdx = this.getToolIndexByAction(TOOLBAR_TOGGLE_PALETTE, leftBar);