Steps to reproduce

1. Open https://test.wikipedia.org/wiki/Main_Page?useskin=vector-2022 in a private/incognito window to make sure that the sitenotice hasn’t been dismissed.
2. Insert the following styles using your browser console to make the situation more visible:

.sitenotice {
	padding: 3px;
	border: 1px solid #c8ccd1;
}

Actual result

3. The site notice is pushed to the left. This is not unique to Vector 2022, but it’s our most symmetric skin, which makes this asymmetry much more visible than other skins.

Expected result

3. The site notice is centered or pushed at most a few pixels to the left to make place for the dismiss button.

Other information

The current styling was introduced in f4abc9c8 by @Amire80 at request of @brion, replacing a – similarly left-pushed – table-based design. Of course, at that time, Vector 2022 with its symmetry was nowhere at sight.