fix: make sure fields after floated inputs clear floats in the modal …

…checkout (#2030)
Automattic · Jan 23, 2025 · 274b4d4 · 274b4d4
1 parent 9d8d320
commit 274b4d4
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/modal-checkout/checkout.scss b/src/modal-checkout/checkout.scss
@@ -101,8 +101,16 @@
 			}
 		}
 
-		.woocommerce-billing-fields__field-wrapper ~ .form-row {
-			margin: var(--newspack-ui-spacer-5, 24px) 0 0;
+		.woocommerce-billing-fields__field-wrapper {
+			&::after {
+				clear: both;
+				content: "";
+				display: table;
+			}
+
+			& ~ .form-row {
+				margin: var(--newspack-ui-spacer-5, 24px) 0 0;
+			}
 		}
 
 		// Additional fields