Remove custom css

packages/block-editor/src/components/html-element-control/index.js

@@ -2,12 +2,16 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { SelectControl, Notice } from '@wordpress/components';
+import {
+	SelectControl,
+	Notice,
+	__experimentalVStack as VStack,
+} from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
  */
-import { useSelect } from '@wordpress/data';
 import { store as blockEditorStore } from '../../store';
 import { htmlElementMessages } from './messages';
 
@@ -77,7 +81,7 @@ export default function HTMLElementControl( {
 	} );
 
 	return (
-		<>
+		<VStack spacing={ 2 }>
 			<SelectControl
 				__nextHasNoMarginBottom
 				__next40pxDefaultSize
@@ -89,16 +93,12 @@ export default function HTMLElementControl( {
 			/>
 
 			{ tagName === 'main' && hasMainElementElsewhere && (
-				<Notice
-					status="warning"
-					isDismissible={ false }
-					className="html-element-select-control__notice"
-				>
+				<Notice status="warning" isDismissible={ false }>
 					{ __(
 						'Multiple <main> elements detected. This is not valid HTML and may cause accessibility issues. Please change this HTML element.'
 					) }
 				</Notice>
 			) }
-		</>
+		</VStack>
 	);
 }

packages/block-editor/src/style.scss

@@ -50,7 +50,6 @@
 @import "./components/tool-selector/style.scss";
 @import "./components/url-input/style.scss";
 @import "./components/url-popover/style.scss";
-@import "./components/html-element-control/style.scss";
 @import "./hooks/block-hooks.scss";
 @import "./hooks/block-bindings.scss";
 @import "./hooks/border.scss";