# convertkit/2.0.1/resources/backend/css/select2.css

Kit (formerly ConvertKit) – Email Newsletter, Email Marketing, Membership, Subscribers and Landing Pages, version 2.0.1. 34 lines.

- Page: https://pluginprobe.com/plugins/convertkit/2.0.1/code/resources/backend/css/select2.css
- Raw: https://pluginprobe.com/plugins/convertkit/2.0.1/raw/resources/backend/css/select2.css
- Modified: 2022-03-17T11:19:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/convertkit/2.0.1/code/resources/backend/css/select2.css#L10-L20`.

```css
/**
 * Additional Select2 styling to override WordPress styling defaults that
 * affect the layout of a Select2 dropdown.
 */
.convertkit-select2-container .select2-container .select2-selection--single {
	height: 30px;
}
.convertkit-select2-container .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 30px;
}
.convertkit-select2-container .select2-search--dropdown .select2-search__field {
	line-height: 1;
	min-height: 24px;
}
.convertkit-select2-container li.select2-results__option {
	margin: 0;
}

/**
 * Force width of Select2 dropdowns, as using JS options dropdownAutoWidth=true and width='auto'
 * result in incorrect layout on some older browsers and our tests fail.
 */
.convertkit-select2-container select + .select2-container {
	width: 50% !important;
	min-width: 350px !important;
}
@media screen and (max-width: 782px) {
	.convertkit-select2-container select + .select2-container {
		width: 100% !important;
		font-size: 16px;
		line-height: 2;
	}
}

```