diff --git a/css/elements.css b/css/elements.css
index bac09b5a32fc4619ceff9a5dbda47009faa38b2e..b56a251799674be87c408d9d2bddb5491454b156 100644
--- a/css/elements.css
+++ b/css/elements.css
@@ -6,10 +6,14 @@
   padding: 2%;
   margin: 2% auto;
   max-width: 800px;
-  background-color: ghostwhite;
-  -webkit-box-shadow: 10px 10px 7px -6px rgba(0,0,0,0.81);
-  -moz-box-shadow: 10px 10px 7px -6px rgba(0, 0, 0, 0.81);
-  box-shadow: 10px 10px 7px -6px rgba(0, 0, 0, 0.81);
+  background-color: #f0f0f0;
+  -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
+  -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
+  box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
+  border: 1px solid transparent;
+}
+#card-element.StripeElement--focus {
+  border: 1px solid gold;
 }
 
 #card-errors {
diff --git a/templates/CRM/Core/Payment/Stripe/Card.tpl b/templates/CRM/Core/Payment/Stripe/Card.tpl
index 734b41200fb4ea00072db2a6637f9650eb65353e..bfb527565f2104df85c68e88bd9bee60f5a47471 100644
--- a/templates/CRM/Core/Payment/Stripe/Card.tpl
+++ b/templates/CRM/Core/Payment/Stripe/Card.tpl
@@ -16,7 +16,6 @@
 
 {* Add the components required for a Stripe card element *}
 {crmScope extensionKey='com.drastikbydesign.stripe'}
-<label for="card-element"><legend>{ts}Credit or debit card{/ts}</legend></label>
 <div id="card-element"></div>
 {* Area for Stripe to report errors *}
 <div id="card-errors" role="alert" class="crm-error alert alert-danger"></div>