diff --git a/packages/format-library/src/image/index.js b/packages/format-library/src/image/index.js
index 627e1e966b655c..794af776c88e76 100644
--- a/packages/format-library/src/image/index.js
+++ b/packages/format-library/src/image/index.js
@@ -76,19 +76,19 @@ function InlineUI( { value, onChange, activeObjectAttributes, contentRef } ) {
 					event.preventDefault();
 				} }
 			>
-				<HStack alignment="bottom" spacing="0">
+				<HStack alignment="bottom">
 					<NumberControl
-						className="block-editor-format-toolbar__image-container-value"
 						label={ __( 'Width' ) }
 						value={ width }
 						min={ 1 }
 						onChange={ ( newWidth ) => setWidth( newWidth ) }
+						size="__unstable-large"
 					/>
 					<Button
-						className="block-editor-format-toolbar__image-container-button"
 						icon={ keyboardReturn }
 						label={ __( 'Apply' ) }
 						type="submit"
+						__next40pxDefaultSize
 					/>
 				</HStack>
 			</form>
diff --git a/packages/format-library/src/image/style.scss b/packages/format-library/src/image/style.scss
index 639d1ccc5961e2..7e9809e52f3bf2 100644
--- a/packages/format-library/src/image/style.scss
+++ b/packages/format-library/src/image/style.scss
@@ -1,15 +1,8 @@
 .block-editor-format-toolbar__image-popover {
 	z-index: z-index(".block-editor-format-toolbar__image-popover");
 
-	.block-editor-format-toolbar__image-container-value {
-		margin: $grid-unit-10 - $border-width;
-		min-width: 150px;
-		max-width: 500px;
-	}
-
-	.block-editor-format-toolbar__image-container-button {
-		height: $grid-unit-10 * 4 - ($border-width * 2);
-		margin-bottom: $grid-unit-10;
-		margin-right: $grid-unit-10;
+	.block-editor-format-toolbar__image-container-content {
+		width: 200px;
+		padding: $grid-unit-20;
 	}
 }