diff --git a/client/components/credit-card-form-fields/style.scss b/client/components/credit-card-form-fields/style.scss
index 69958a8d3b36b1..6df5623d8bad0f 100644
--- a/client/components/credit-card-form-fields/style.scss
+++ b/client/components/credit-card-form-fields/style.scss
@@ -39,6 +39,10 @@
 	margin-top: 15px;
 	position: relative;
 
+	&.name {
+		margin-top: 0;
+	}
+
 	select {
 		font-size: 15px;
 		width: 100%;
diff --git a/client/my-sites/checkout/checkout/style.scss b/client/my-sites/checkout/checkout/style.scss
index 3ef0eee3031b80..bf8c27055aa399 100644
--- a/client/my-sites/checkout/checkout/style.scss
+++ b/client/my-sites/checkout/checkout/style.scss
@@ -318,7 +318,6 @@
 		.payment-box-section.selected:not( .no-stored-cards ) {
 			.payment-box-section-inner {
 				border-left: 3px solid $alert-green;
-				padding-top: 15px;
 			}
 			.checkout__new-card-fields {
 				background-color: #fafdf6;
@@ -348,6 +347,7 @@
 		.payment-box-section.selected .checkout__new-card-fields {
 			max-height: 100%;
 			margin-bottom: 0;
+			padding-top: 15px;
 		}
 
 		.checkout__new-card-toggle {