diff --git a/packages/editor/src/components/post-revisions-preview/diff-markers.js b/packages/editor/src/components/post-revisions-preview/diff-markers.js
index 97eebf56b8503a..af25122bfd5480 100644
--- a/packages/editor/src/components/post-revisions-preview/diff-markers.js
+++ b/packages/editor/src/components/post-revisions-preview/diff-markers.js
@@ -15,6 +15,7 @@ import {
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
+import { Button } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -97,14 +98,16 @@ function DiffMarkerButton( { clientId, status, subscribe } ) {
 	}
 
 	return (
-		<button
+		<Button
+			__next40pxDefaultSize
 			className={ `revision-diff-marker is-${ status }` }
 			style={ {
 				top: `${ position.top }%`,
 				height: `${ Math.max( position.height, 0.5 ) }%`,
 			} }
 			onClick={ () => blockRef.current?.focus() }
-			aria-label={ STATUS_LABELS[ status ] }
+			label={ STATUS_LABELS[ status ] }
+			showTooltip
 		/>
 	);
 }