diff --git a/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_panel/customize_panel_editor.tsx b/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_panel/customize_panel_editor.tsx index 0c19452867038..f51828159f895 100644 --- a/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_panel/customize_panel_editor.tsx +++ b/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_panel/customize_panel_editor.tsx @@ -126,7 +126,9 @@ export const CustomizePanelEditor = (props: CustomizePanelProps) => { size="xs" data-test-subj="resetCustomEmbeddablePanelTitleButton" onClick={() => setPanelTitle(embeddable.getOutput().defaultTitle)} - disabled={hideTitle || !editMode} + disabled={ + hideTitle || !editMode || embeddable.getOutput().defaultTitle === panelTitle + } aria-label={i18n.translate( 'embeddableApi.customizePanel.flyout.optionsMenuForm.resetCustomTitleButtonAriaLabel', { @@ -172,7 +174,11 @@ export const CustomizePanelEditor = (props: CustomizePanelProps) => { onClick={() => { setPanelDescription(embeddable.getOutput().defaultDescription); }} - disabled={hideTitle || !editMode} + disabled={ + hideTitle || + !editMode || + embeddable.getOutput().defaultDescription === panelDescription + } aria-label={i18n.translate( 'embeddableApi.customizePanel.flyout.optionsMenuForm.resetCustomDescriptionButtonAriaLabel', {