diff --git a/packages/editor/src/components/block-list-appender/index.js b/packages/editor/src/components/block-list-appender/index.js
index 3f0bb11a226523..b306c2945654fe 100644
--- a/packages/editor/src/components/block-list-appender/index.js
+++ b/packages/editor/src/components/block-list-appender/index.js
@@ -9,7 +9,7 @@ import { last } from 'lodash';
 import { withSelect } from '@wordpress/data';
 import { getDefaultBlockName } from '@wordpress/blocks';
 import { __ } from '@wordpress/i18n';
-import { Button, Dashicon } from '@wordpress/components';
+import { IconButton } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -44,16 +44,15 @@ function BlockListAppender( {
 			<Inserter
 				rootClientId={ rootClientId }
 				renderToggle={ ( { onToggle, disabled, isOpen } ) => (
-					<Button
-						aria-label={ __( 'Add block' ) }
+					<IconButton
+						label={ __( 'Add block' ) }
+						icon="insert"
 						onClick={ onToggle }
 						className="block-list-appender__toggle"
 						aria-haspopup="true"
 						aria-expanded={ isOpen }
 						disabled={ disabled }
-					>
-						<Dashicon icon="insert" />
-					</Button>
+					/>
 				) }
 			/>
 		</div>