@@ -16,7 +16,7 @@ import type { CropperState } from '../../image-editor';
  * @param height Output crop height in source pixels.
  */
 export function formatBadgeText( width: number, height: number ): string {
-	return `${ Math.round( width ) } × ${ Math.round( height ) }`;
+	return `W: ${ Math.round( width ) }px H: ${ Math.round( height ) }px`;
 }
 
 export interface CropDimensionsBadgeProps {
 
@@ -22,7 +22,7 @@
 	top: $grid-unit-15;
 	left: $grid-unit-15;
 	padding: $grid-unit-05 $grid-unit-10;
-	border-radius: $radius-full;
+	border-radius: 0;
 	background: #fff;
 	color: $gray-900;
 	font-size: 11px;
 
@@ -4,11 +4,11 @@
 import { formatBadgeText } from '../crop-dimensions-badge';
 
 describe( 'formatBadgeText', () => {
-	it( 'renders integer-rounded dimensions with a multiplication sign', () => {
-		expect( formatBadgeText( 1240.4, 819.6 ) ).toBe( '1240 × 820' );
+	it( 'renders integer-rounded dimensions with px-suffixed labels', () => {
+		expect( formatBadgeText( 1240.4, 819.6 ) ).toBe( 'W: 1240px H: 820px' );
 	} );
 
 	it( 'handles whole-pixel dimensions', () => {
-		expect( formatBadgeText( 500, 333 ) ).toBe( '500 × 333' );
+		expect( formatBadgeText( 500, 333 ) ).toBe( 'W: 500px H: 333px' );
 	} );
 } );
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ import type { CropperState } from '../../image-editor';`
`16`	`16`	`* @param height Output crop height in source pixels.`
`17`	`17`	`*/`
`18`	`18`	`export function formatBadgeText( width: number, height: number ): string {`
`19`		- return `${ Math.round( width ) } × ${ Math.round( height ) }`;
	`19`	+ return `W: ${ Math.round( width ) }px H: ${ Math.round( height ) }px`;
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`export interface CropDimensionsBadgeProps {`