Add a basic test for overriding reset styles

packages/block-library/src/social-links/editor.scss

@@ -11,10 +11,6 @@
 	transform: none;
 }
 
-.editor-styles-wrapper .wp-block-social-links {
-	padding: 0;
-}
-
 // Placeholder/setup state.
 .wp-block-social-links__social-placeholder {
 	display: flex;

packages/block-library/src/social-links/style.scss

@@ -1,4 +1,4 @@
-.wp-block-social-links {
+:root :where(.wp-block-social-links) {
 	// This block has customizable padding, border-box makes that more predictable.
 	box-sizing: border-box;
 

test/e2e/specs/editor/various/styles.spec.js

@@ -0,0 +1,17 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'Styles', () => {
+	test( 'should override reset styles', async ( { admin, editor } ) => {
+		await admin.createNewPost( { postType: 'page' } );
+		await editor.insertBlock( { name: 'core/social-links' } );
+
+		const block = editor.canvas.getByRole( 'document', {
+			name: 'Block: Social Icons',
+		} );
+
+		await expect( block ).toHaveCSS( 'padding-left', '0px' );
+	} );
+} );