diff --git a/apps/ui/src/components/site-list/index.tsx b/apps/ui/src/components/site-list/index.tsx
index 0486ae23bd..d0565849e2 100644
--- a/apps/ui/src/components/site-list/index.tsx
+++ b/apps/ui/src/components/site-list/index.tsx
@@ -314,20 +314,22 @@ function DeleteSiteDialog( {
 				<Dialog.Header>
 					<Dialog.Title>{ sprintf( __( 'Delete %s' ), site.name ) }</Dialog.Title>
 				</Dialog.Header>
-				<p className={ styles.dialogText }>
-					{ __(
-						"The site's database will be lost, including all posts, pages, comments, and media."
-					) }
-				</p>
-				<label className={ styles.dialogCheckbox }>
-					<input
-						type="checkbox"
-						checked={ deleteFiles }
-						onChange={ ( event ) => setDeleteFiles( event.target.checked ) }
-					/>
-					<span>{ __( 'Delete site files from my computer' ) }</span>
-				</label>
-				{ error ? <div className={ styles.dialogError }>{ error }</div> : null }
+				<Dialog.Content>
+					<p className={ styles.dialogText }>
+						{ __(
+							"The site's database will be lost, including all posts, pages, comments, and media."
+						) }
+					</p>
+					<label className={ styles.dialogCheckbox }>
+						<input
+							type="checkbox"
+							checked={ deleteFiles }
+							onChange={ ( event ) => setDeleteFiles( event.target.checked ) }
+						/>
+						<span>{ __( 'Delete site files from my computer' ) }</span>
+					</label>
+					{ error ? <div className={ styles.dialogError }>{ error }</div> : null }
+				</Dialog.Content>
 				<Dialog.Footer>
 					<Dialog.Action variant="minimal" tone="neutral" disabled={ deleteSite.isPending }>
 						{ __( 'Cancel' ) }