diff --git a/package.json b/package.json
index 722c005..5e233ff 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "prop-types": "^15.7.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
+    "react-modal": "^3.14.4",
     "react-redux": "^7.2.6",
     "react-rnd": "~10.2.4",
     "react-svg-loader": "^3.0.3",
diff --git a/src/assets/img/load-data.svg b/src/assets/img/load-data.svg
new file mode 100644
index 0000000..7d244a8
--- /dev/null
+++ b/src/assets/img/load-data.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><g><path d="m12.936 0 5 4.5v12.502l-1.504-.001v.003h1.504v1.499h-5v-1.501l3.496-.001V5.208L12.21 1.516 3.436 1.5v15.504l3.5-.001v1.5h-5V0h11Z"/><path d="m10.374 9.463.085.072.477.464L11 10v.06l3.545 3.453-1.047 1.075L11 12.155 11 19H9v-6.9l-2.424 2.476-1.072-1.05L9.4 9.547a.75.75 0 0 1 .974-.084ZM12.799 1.5l-.001 2.774h3.645v1.5h-5.144V1.5z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/img/source.svg b/src/assets/img/source.svg
index 1c3ebfe..e1b66da 100644
--- a/src/assets/img/source.svg
+++ b/src/assets/img/source.svg
@@ -1 +1 @@
-<svg viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><path d="m12.936 0 5 4.5v14.003h-16V0h11Zm-9.5 1.5v3.25l-1.497 1-.003 7 1.5 1v3.254L18.121 17l-.001 1.504h-.184v-1.502l-1.5 1.426-.004-13.22-4.222-3.692L3.436 1.5Z"/><path d="M4.496 6.64a.75.75 0 0 1 .958 1.15l-.085.07-2.643 1.89 2.646 1.89c.302.216.4.62.232.951l-.058.095a.75.75 0 0 1-.951.232L4.5 12.86 1 10.36V9.14l3.496-2.5Zm4.194 6.22a.75.75 0 0 1-.958-1.149l.085-.07 2.643-1.89-2.646-1.89a.75.75 0 0 1-.232-.952l.058-.095a.75.75 0 0 1 .95-.232l.096.058 3.5 2.5v1.22l-3.496 2.5Z"/></svg>
\ No newline at end of file
+<svg viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><g><path d="m12.936 0 5 4.5v14.003h-4.503L14.936 17h-10l1.503 1.503H1.936V0h11Zm-9.5 1.5v15.504h12.996V5.208L12.21 1.516 3.436 1.5Z"/><path d="m12.799 1.5-.001 2.774h3.645v1.5h-5.144V1.5zM9.675 18.859l-.085-.072-4.086-3.978 1.047-1.075L9 16.119 9 9h2v7.273l2.473-2.526 1.072 1.049-3.896 3.979a.75.75 0 0 1-.974.084Z"/></g></svg>
\ No newline at end of file
diff --git a/src/ckeditorinspectorui.css b/src/ckeditorinspectorui.css
index 434ae13..c7a0210 100644
--- a/src/ckeditorinspectorui.css
+++ b/src/ckeditorinspectorui.css
@@ -3,7 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck-inspector {
+.ck-inspector,
+.ck-inspector-portal {
 	--ck-inspector-color-white: #fff;
 	--ck-inspector-color-black: #000;
 	--ck-inspector-color-background: #F3F3F3;
@@ -15,7 +16,9 @@
 
 /* Reset first */
 .ck-inspector,
-.ck-inspector *:not(select) {
+.ck-inspector *:not(select),
+.ck-inspector-portal,
+.ck-inspector-portal *:not(select) {
 	box-sizing: border-box;
 	width: auto;
 	height: auto;
diff --git a/src/components/seteditordatabutton.css b/src/components/seteditordatabutton.css
new file mode 100644
index 0000000..3dc50d4
--- /dev/null
+++ b/src/components/seteditordatabutton.css
@@ -0,0 +1,115 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck-inspector-modal {
+	--ck-inspector-set-data-modal-overlay: rgba(0, 0, 0, 0.5);
+	--ck-inspector-set-data-modal-shadow: rgba(0,0,0,0.06);
+	--ck-inspector-set-data-modal-button-background: #eee;
+	--ck-inspector-set-data-modal-button-background-hover: #ddd;
+	--ck-inspector-set-data-modal-save-button-background: #1976d2;
+	--ck-inspector-set-data-modal-save-button-background-hover: #0b60b5;
+}
+
+/* Modal overlay */
+.ck-inspector-modal.ck-inspector-quick-actions__set-data-modal {
+	z-index: 999999;
+	position: fixed;
+	inset: 0px;
+	background-color: var(--ck-inspector-set-data-modal-overlay);
+
+	/* Modal content */
+	& .ck-inspector-quick-actions__set-data-modal__content {
+		position: absolute;
+		border: 1px solid var(--ck-inspector-color-border);
+		background: var(--ck-inspector-color-white);
+		overflow: auto;
+		border-radius: 2px;
+		outline: none;
+		box-shadow: 0 1px 1px var(--ck-inspector-set-data-modal-shadow),
+			0 2px 2px var(--ck-inspector-set-data-modal-shadow),
+			0 4px 4px var(--ck-inspector-set-data-modal-shadow),
+			0 8px 8px var(--ck-inspector-set-data-modal-shadow),
+			0 16px 16px var(--ck-inspector-set-data-modal-shadow);
+
+		max-height: calc(100vh - 160px);
+		max-width: calc(100vw - 160px);
+		width: 100%;
+		height: 100%;
+
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+
+		/* Modal title */
+		& h2 {
+			font-size: 14px;
+			font-weight: bold;
+			margin: 0;
+			padding: 12px 20px;
+			background: var(--ck-inspector-color-background);
+			border-bottom: 1px solid var(--ck-inspector-color-border);
+		}
+
+		& textarea {
+			flex-grow: 1;
+			margin: 20px;
+			border: 1px solid var(--ck-inspector-color-border);
+			border-radius: 2px;
+			resize: none;
+			padding: 10px;
+			font-family: monospace;
+			font-size: 14px;
+		}
+
+		& button {
+			padding: 10px 20px;
+			border-radius: 2px;
+			font-size: 14px;
+			white-space: nowrap;
+			/* background: var(--ck-inspector-set-data-modal-button-background); */
+			border: 1px solid var(--ck-inspector-color-border);
+
+			&:hover {
+				background: var(--ck-inspector-set-data-modal-button-background-hover);
+			}
+		}
+
+		& .ck-inspector-quick-actions__set-data-modal__buttons {
+			margin: 0 20px 20px;
+			display: flex;
+			justify-content: center;
+
+			& button {
+				& + button {
+					margin-left: 20px;
+				}
+
+				&:first-child {
+					margin-right: auto;
+				}
+
+				&:not(:first-child) {
+					flex-basis: 20%;
+				}
+
+				/* Save button */
+				&:last-child {
+					background: var(--ck-inspector-set-data-modal-save-button-background);
+					border-color: var(--ck-inspector-set-data-modal-save-button-background);
+					color: #fff;
+					font-weight: bold;
+
+					&:hover {
+						background: var(--ck-inspector-set-data-modal-save-button-background-hover);
+					}
+				}
+			}
+		}
+	}
+}
diff --git a/src/components/seteditordatabutton.js b/src/components/seteditordatabutton.js
new file mode 100644
index 0000000..0cac9a5
--- /dev/null
+++ b/src/components/seteditordatabutton.js
@@ -0,0 +1,132 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/* global document */
+
+import React, { Component } from 'react';
+import Modal from 'react-modal';
+
+import Button from './button';
+import LoadDataIcon from '../assets/img/load-data.svg';
+
+import './seteditordatabutton.css';
+
+export default class SetEditorDataButton extends Component {
+	constructor( props ) {
+		super( props );
+
+		this.state = {
+			isModalOpen: false,
+			editorDataValue: ''
+		};
+
+		this.textarea = React.createRef();
+	}
+
+	render() {
+		return [
+			<Button
+				text="Set editor data"
+				icon={<LoadDataIcon />}
+				isEnabled={!!this.props.editor}
+				onClick={() => this.setState( {
+					isModalOpen: true
+				} )}
+				key="button"
+			/>,
+			<Modal
+				isOpen={this.state.isModalOpen}
+				appElement={document.querySelector( '.ck-inspector-wrapper' )}
+				onAfterOpen={
+					this._handleModalAfterOpen.bind( this )
+				}
+				overlayClassName='ck-inspector-modal ck-inspector-quick-actions__set-data-modal'
+				className='ck-inspector-quick-actions__set-data-modal__content'
+				onRequestClose={
+					this._closeModal.bind( this )
+				}
+				portalClassName='ck-inspector-portal'
+				shouldCloseOnEsc={true}
+				shouldCloseOnOverlayClick={true}
+				key="modal"
+			>
+				<h2>Set editor data</h2>
+				<textarea
+					autoFocus
+					ref={ this.textarea }
+					value={ this.state.editorDataValue }
+					placeholder="Paste HTML here..."
+					onChange={
+						this._handlDataChange.bind( this )
+					}
+					onKeyPress={ event => {
+						if ( event.key == 'Enter' && event.shiftKey ) {
+							this._setEditorDataAndCloseModal();
+						}
+					}}
+				>
+				</textarea>
+				<div className="ck-inspector-quick-actions__set-data-modal__buttons">
+					<button
+						type="button"
+						onClick={() => {
+							this.setState( {
+								editorDataValue: this.props.editor.getData()
+							} );
+
+							this.textarea.current.focus();
+						}}
+					>
+						Load data
+					</button>
+					<button
+						type="button"
+						title="Cancel (Esc)"
+						onClick={
+							this._closeModal.bind( this )
+						}
+					>
+						Cancel
+					</button>
+					<button
+						type="button"
+						title="Set editor data (⇧+Enter)"
+						onClick={
+							this._setEditorDataAndCloseModal.bind( this )
+						}
+					>
+						Set data
+					</button>
+				</div>
+			</Modal>
+		];
+	}
+
+	_setEditorDataAndCloseModal() {
+		this.props.editor.setData( this.state.editorDataValue );
+
+		this._closeModal();
+	}
+
+	_closeModal() {
+		this.setState( {
+			isModalOpen: false
+		} );
+	}
+
+	_handlDataChange( evt ) {
+		this.setState( {
+			editorDataValue: evt.target.value
+		} );
+	}
+
+	_handleModalAfterOpen() {
+		this.setState( {
+			editorDataValue: this.props.editor.getData()
+		} );
+
+		this.textarea.current.select();
+	}
+}
diff --git a/src/editorquickactions.js b/src/editorquickactions.js
index 99cc54b..b05569e 100644
--- a/src/editorquickactions.js
+++ b/src/editorquickactions.js
@@ -9,6 +9,7 @@ import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import copy from 'copy-to-clipboard';
 
+import SetEditorDataButton from './components/seteditordatabutton';
 import Button from './components/button';
 
 import SourceIcon from './assets/img/source.svg';
@@ -43,6 +44,7 @@ class EditorQuickActions extends Component {
 				onClick={() => console.log( this.props.editor )}
 			/>
 			{ this._getLogButton() }
+			<SetEditorDataButton editor={this.props.editor} />
 			<Button
 				text="Toggle read only"
 				icon={<ReadOnlyIcon />}
diff --git a/tests/inspector/components/seteditordatabutton.js b/tests/inspector/components/seteditordatabutton.js
new file mode 100644
index 0000000..7cee09e
--- /dev/null
+++ b/tests/inspector/components/seteditordatabutton.js
@@ -0,0 +1,306 @@
+/**
+ * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/* global document, window */
+
+import React from 'react';
+import TestEditor from '../../utils/testeditor';
+
+import SetEditorDataButton from '../../../src/components/seteditordatabutton';
+
+import LoadDataIcon from '../../../src/assets/img/load-data.svg';
+
+describe( '<SetEditorDataButton />', () => {
+	let editor, wrapper, element, inspectorWrapperDomElement;
+
+	beforeEach( () => {
+		window.localStorage.clear();
+
+		element = document.createElement( 'div' );
+		document.body.appendChild( element );
+
+		// <Modal> needs this. It will warn otherwise.
+		inspectorWrapperDomElement = document.createElement( 'div' );
+		inspectorWrapperDomElement.classList.add( 'ck-inspector-wrapper' );
+		document.body.appendChild( inspectorWrapperDomElement );
+
+		return TestEditor.create( element ).then( newEditor => {
+			editor = newEditor;
+
+			wrapper = mount( <SetEditorDataButton editor={editor} /> );
+		} );
+	} );
+
+	afterEach( () => {
+		wrapper.unmount();
+
+		element.remove();
+
+		inspectorWrapperDomElement.remove();
+
+		return editor.destroy();
+	} );
+
+	describe( 'constructor()', () => {
+		it( 'should have initial state', () => {
+			expect( wrapper.state() ).to.deep.equal( {
+				isModalOpen: false,
+				editorDataValue: ''
+			} );
+		} );
+	} );
+
+	describe( 'render()', () => {
+		describe( '<Button>', () => {
+			it( 'should render a <Button>', () => {
+				expect( wrapper.childAt( 0 ).props().text ).to.equal( 'Set editor data' );
+				expect( wrapper.childAt( 0 ).props().icon.type ).to.equal( LoadDataIcon );
+				expect( wrapper.childAt( 0 ).props().isEnabled ).to.be.true;
+			} );
+
+			it( 'should open the modal when the button is clicked', () => {
+				wrapper.childAt( 0 ).simulate( 'click' );
+				wrapper.update();
+
+				expect( wrapper.state() ).to.deep.equal( {
+					isModalOpen: true,
+					editorDataValue: ''
+				} );
+			} );
+		} );
+
+		describe( '<Modal>', () => {
+			let modal;
+
+			beforeEach( () => {
+				modal = wrapper.childAt( 1 );
+			} );
+
+			it( 'should render a <Modal>', () => {
+				expect( modal.props().isOpen ).to.be.false;
+				expect( modal.props().appElement ).to.equal( inspectorWrapperDomElement );
+				expect( modal.props().overlayClassName ).to.equal( 'ck-inspector-modal ck-inspector-quick-actions__set-data-modal' );
+				expect( modal.props().className ).to.equal( 'ck-inspector-quick-actions__set-data-modal__content' );
+				expect( modal.props().portalClassName ).to.equal( 'ck-inspector-portal' );
+				expect( modal.props().shouldCloseOnEsc ).to.be.true;
+				expect( modal.props().shouldCloseOnOverlayClick ).to.be.true;
+			} );
+
+			it( 'should open upon #isModalOpen change', () => {
+				expect( modal.props().isOpen ).to.be.false;
+
+				wrapper.instance().setState( {
+					isModalOpen: true
+				} );
+
+				wrapper.update();
+				modal = wrapper.childAt( 1 );
+
+				expect( modal.props().isOpen ).to.be.true;
+			} );
+
+			it( 'should set #editorDataValue after being open', () => {
+				// React modal uses this internally.
+				const rafStub = sinon.stub( window, 'requestAnimationFrame' ).callsFake( callback => {
+					callback();
+				} );
+
+				const getDataStub = sinon.stub( editor, 'getData' ).returns( '<p>foo</p>' );
+
+				wrapper.instance().setState( {
+					isModalOpen: true
+				} );
+
+				expect( wrapper.state() ).to.deep.equal( {
+					isModalOpen: true,
+					editorDataValue: '<p>foo</p>'
+				} );
+
+				rafStub.restore();
+				getDataStub.restore();
+			} );
+
+			it( 'should update #isModalOpen when close is requested (e.g. via click or Esc)', () => {
+				// React modal uses this internally.
+				const rafStub = sinon.stub( window, 'requestAnimationFrame' ).callsFake( callback => {
+					callback();
+				} );
+
+				const getDataStub = sinon.stub( editor, 'getData' ).returns( '<p>foo</p>' );
+
+				wrapper.instance().setState( {
+					isModalOpen: true
+				} );
+
+				expect( wrapper.state() ).to.deep.equal( {
+					isModalOpen: true,
+					editorDataValue: '<p>foo</p>'
+				} );
+
+				modal = wrapper.childAt( 1 );
+
+				modal.props().onRequestClose();
+
+				expect( wrapper.state() ).to.deep.equal( {
+					isModalOpen: false,
+					editorDataValue: '<p>foo</p>'
+				} );
+
+				rafStub.restore();
+				getDataStub.restore();
+			} );
+
+			describe( 'modal content', () => {
+				let textarea, rafStub, getDataStub, loadDataButton, cancelButton, saveButton;
+
+				beforeEach( () => {
+					// React modal uses this internally.
+					rafStub = sinon.stub( window, 'requestAnimationFrame' ).callsFake( callback => {
+						callback();
+					} );
+
+					getDataStub = sinon.stub( editor, 'getData' ).returns( '<p>foo</p>' );
+
+					wrapper.instance().setState( {
+						isModalOpen: true
+					} );
+
+					wrapper.update();
+					modal = wrapper.childAt( 1 );
+
+					textarea = wrapper.find( 'textarea' );
+					loadDataButton = modal.find( 'button' ).first();
+					cancelButton = modal.find( 'button' ).at( 1 );
+					saveButton = modal.find( 'button' ).at( 2 );
+				} );
+
+				afterEach( () => {
+					rafStub.restore();
+					getDataStub.restore();
+				} );
+
+				describe( 'textarea', () => {
+					it( 'should have value bound to #editorDataValue', () => {
+						expect( textarea.props().value ).to.equal( '<p>foo</p>' );
+					} );
+
+					it( 'should have a placeholder', () => {
+						expect( textarea.props().placeholder ).to.equal( 'Paste HTML here...' );
+					} );
+
+					it( 'should update #editorDataValue on change', () => {
+						const evt = {
+							target: {
+								value: '<b>bar</b>'
+							}
+						};
+
+						textarea.simulate( 'change', evt );
+
+						expect( wrapper.state() ).to.deep.equal( {
+							isModalOpen: true,
+							editorDataValue: '<b>bar</b>'
+						} );
+					} );
+
+					it( 'should set editor data and close the modal on Shift+Enter ', () => {
+						const setDataSpy = sinon.spy( editor, 'setData' );
+						const evt = {
+							key: 'Enter',
+							shiftKey: true
+						};
+
+						textarea.simulate( 'keyPress', evt );
+
+						sinon.assert.calledOnce( setDataSpy );
+
+						expect( wrapper.state() ).to.deep.equal( {
+							isModalOpen: false,
+							editorDataValue: '<p>foo</p>'
+						} );
+					} );
+
+					it( 'should do nothing special on Enter ', () => {
+						const setDataSpy = sinon.spy( editor, 'setData' );
+						const evt = {
+							key: 'Enter'
+						};
+
+						textarea.simulate( 'keyPress', evt );
+
+						sinon.assert.notCalled( setDataSpy );
+
+						expect( wrapper.state() ).to.deep.equal( {
+							isModalOpen: true,
+							editorDataValue: '<p>foo</p>'
+						} );
+					} );
+				} );
+
+				describe( 'load data button', () => {
+					it( 'should update #editorDataValue and focus textarea', () => {
+						const focusSpy = sinon.spy( wrapper.find( 'textarea' ).getDOMNode(), 'focus' );
+
+						getDataStub.returns( 'abcd' );
+
+						loadDataButton.simulate( 'click' );
+						wrapper.update();
+
+						expect( wrapper.state() ).to.deep.equal( {
+							isModalOpen: true,
+							editorDataValue: 'abcd'
+						} );
+
+						sinon.assert.calledOnce( focusSpy );
+					} );
+
+					it( 'should have a text label', () => {
+						expect( loadDataButton.text() ).to.equal( 'Load data' );
+					} );
+				} );
+
+				describe( 'Cancel button', () => {
+					it( 'should not set editor data and close the modal', () => {
+						const setDataSpy = sinon.spy( editor, 'setData' );
+
+						cancelButton.simulate( 'click' );
+
+						wrapper.update();
+						expect( wrapper.state() ).to.deep.equal( {
+							isModalOpen: false,
+							editorDataValue: '<p>foo</p>'
+						} );
+
+						sinon.assert.notCalled( setDataSpy );
+					} );
+
+					it( 'should have a text label', () => {
+						expect( cancelButton.text() ).to.equal( 'Cancel' );
+					} );
+				} );
+
+				describe( 'Set data button', () => {
+					it( 'should set editor data and close the modal', () => {
+						const setDataSpy = sinon.spy( editor, 'setData' );
+
+						saveButton.simulate( 'click' );
+
+						wrapper.update();
+						expect( wrapper.state() ).to.deep.equal( {
+							isModalOpen: false,
+							editorDataValue: '<p>foo</p>'
+						} );
+
+						sinon.assert.calledOnce( setDataSpy );
+					} );
+
+					it( 'should have a text label', () => {
+						expect( saveButton.text() ).to.equal( 'Set data' );
+					} );
+				} );
+			} );
+		} );
+	} );
+} );
diff --git a/tests/inspector/editorquickactions.js b/tests/inspector/editorquickactions.js
index 5b4843c..047e160 100644
--- a/tests/inspector/editorquickactions.js
+++ b/tests/inspector/editorquickactions.js
@@ -15,6 +15,7 @@ import EditorQuickActions from '../../src/editorquickactions';
 import SourceIcon from '../../src/assets/img/source.svg';
 import CopyToClipboardIcon from '../../src/assets/img/copy-to-clipboard.svg';
 import CheckmarkIcon from '../../src/assets/img/checkmark.svg';
+import LoadDataIcon from '../../src/assets/img/load-data.svg';
 
 describe( '<EditorQuickActions />', () => {
 	let editor, store, wrapper, element;
@@ -261,9 +262,48 @@ describe( '<EditorQuickActions />', () => {
 			} );
 		} );
 
+		describe( 'set editor data button', () => {
+			let inspectorWrapper;
+
+			beforeEach( () => {
+				// <Modal> needs this. It will warn otherwise.
+				inspectorWrapper = document.createElement( 'div' );
+				inspectorWrapper.classList.add( 'ck-inspector-wrapper' );
+				document.body.appendChild( inspectorWrapper );
+			} );
+
+			afterEach( () => {
+				inspectorWrapper.remove();
+			} );
+
+			it( 'should be rendered', () => {
+				const setDataButton = wrapper.find( 'SetEditorDataButton' );
+
+				expect( setDataButton.childAt( 0 ).props().text ).to.equal( 'Set editor data' );
+				expect( setDataButton.childAt( 0 ).props().icon.type ).to.equal( LoadDataIcon );
+			} );
+
+			it( 'should open a model when clicked', () => {
+				const setDataButton = wrapper.find( 'SetEditorDataButton' );
+
+				expect( setDataButton.state() ).to.deep.equal( {
+					isModalOpen: false,
+					editorDataValue: ''
+				}, 'before click' );
+
+				setDataButton.simulate( 'click' );
+				wrapper.update();
+
+				expect( setDataButton.state() ).to.deep.equal( {
+					isModalOpen: true,
+					editorDataValue: ''
+				}, 'after click' );
+			} );
+		} );
+
 		describe( 'toggle read only button', () => {
 			it( 'should be rendered and toggle the editor read only state', () => {
-				const toggleReadOnlyButton = wrapper.find( 'Button' ).at( 2 );
+				const toggleReadOnlyButton = wrapper.find( 'Button' ).at( 3 );
 
 				toggleReadOnlyButton.simulate( 'click' );
 				expect( editor.isReadOnly ).to.be.true;
@@ -275,7 +315,7 @@ describe( '<EditorQuickActions />', () => {
 
 		describe( 'destroy editor button', () => {
 			it( 'should be rendered and destory the editor', () => {
-				const destroyButton = wrapper.find( 'Button' ).at( 3 );
+				const destroyButton = wrapper.find( 'Button' ).at( 4 );
 				const spy = sinon.spy( editor, 'destroy' );
 
 				destroyButton.simulate( 'click' );
diff --git a/yarn.lock b/yarn.lock
index d36b057..5dd7cc2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3663,6 +3663,11 @@ execa@^4.1.0:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
+exenv@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
+  integrity sha1-KueOhdmJQVhnCwPUe+wfA72Ru50=
+
 expand-brackets@^2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
@@ -7452,6 +7457,21 @@ react-is@^17.0.2:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
+react-lifecycles-compat@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
+  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
+
+react-modal@^3.14.4:
+  version "3.14.4"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.14.4.tgz#2ca7e8e9a180955e5c9508c228b73167c1e6f6a3"
+  integrity sha512-8surmulejafYCH9wfUmFyj4UfbSJwjcgbS9gf3oOItu4Hwd6ivJyVBETI0yHRhpJKCLZMUtnhzk76wXTsNL6Qg==
+  dependencies:
+    exenv "^1.2.0"
+    prop-types "^15.7.2"
+    react-lifecycles-compat "^3.0.0"
+    warning "^4.0.3"
+
 react-redux@^7.2.6:
   version "7.2.6"
   resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.6.tgz#49633a24fe552b5f9caf58feb8a138936ddfe9aa"
@@ -9260,6 +9280,13 @@ void-elements@^2.0.0:
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
   integrity sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=
 
+warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 watchpack-chokidar2@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz#38500072ee6ece66f3769936950ea1771be1c957"