Styles: Fix chevron in select fields on Jetpack forms

WordPress · Sep 2, 2024 · ce72c81 · ce72c81
1 parent 4f05a97
commit ce72c81
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss b/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss
@@ -156,6 +156,12 @@ input[type="checkbox"] + label {
 	line-height: 1em; // stylelint-disable-line declaration-property-unit-allowed-list
 }
 
+// Fix the chevron style on Jetpack's contact form.
+.contact-form .contact-form__select-wrapper::after {
+	inset-block-start: calc(50% - 2px) !important;
+	inset-inline-end: 20px !important;
+}
+
 // Headings.
 // Add margin to default h2 & h3 (no font size changes).
 .wp-site-blocks h2:not([class*="-font-size"], [style*="font-size"]) {