Fix Select2 issues with WordPress Admin Bar

functions.php

<?php
add_action( 'wp_head', 'smyles_output_select2_admin_bar_fix' );
function smyles_output_select2_admin_bar_fix() {
	$type_attr = current_theme_supports( 'html5', 'style' ) ? '' : ' type = "text/css"';
	
	/**
	 * We use ~ here instead of + for any situations where something else ends up attaching to body as well
	 */
	?>
	<style<?php echo $type_attr; ?> media="screen">
		div#wpadminbar ~ span.select2-container, body.admin-bar > span.select2-container {
			padding-top: 32px !important;
		}

		@media screen and ( max-width: 782px ) {
			div#wpadminbar ~ span.select2-container, body.admin-bar > span.select2-container {
				padding-top: 46px !important;
			}
		}
	</style>
	<?php
}