diff --git a/public/js/clients/payments/paytrace-credit-card.js b/public/js/clients/payments/paytrace-credit-card.js
index 7ca72b202f4c..4609fc16ba0c 100644
--- a/public/js/clients/payments/paytrace-credit-card.js
+++ b/public/js/clients/payments/paytrace-credit-card.js
@@ -28,46 +28,82 @@ var PayTraceCreditCard = /*#__PURE__*/function () {
     key: "creditCardStyles",
     get: function get() {
       return {
-        font_color: '#111827',
-        border_color: 'rgba(210,214,220,1)',
-        label_color: '#111827',
-        label_size: '12pt',
-        background_color: 'white',
-        border_style: 'solid',
-        font_size: '15pt',
-        height: '30px',
-        width: '100%'
+        'font_color': '#000',
+        'border_color': '#a1b1c9',
+        'border_style': 'dotted',
+        'font_size': '13pt',
+        'input_border_radius': '3px',
+        'input_border_width': '1px',
+        'input_font': 'Times New Roman, arial, fantasy',
+        'input_font_weight': '400',
+        'input_margin': '5px 0px 5px 0px',
+        'input_padding': '0px 5px 0px 5px',
+        'label_color': '#a0aec0',
+        'label_size': '16px',
+        'label_width': '150px',
+        'label_font': 'Times New Roman, sans-serif, serif',
+        'label_font_weight': 'light',
+        'label_margin': '5px 0px 0px 0px',
+        'label_padding': '0px 5px 0px 5px',
+        'background_color': 'white',
+        'height': '30px',
+        'width': '370px',
+        'padding_bottom': '0px'
       };
     }
   }, {
     key: "codeStyles",
     get: function get() {
       return {
-        font_color: '#111827',
-        border_color: 'rgba(210,214,220,1)',
-        label_color: '#111827',
-        label_size: '12pt',
-        background_color: 'white',
-        border_style: 'solid',
-        font_size: '15pt',
-        height: '30px',
-        width: '300px'
+        'font_color': '#000',
+        'border_color': '#a1b1c9',
+        'border_style': 'dotted',
+        'font_size': '13pt',
+        'input_border_radius': '2px',
+        'input_border_width': '1px',
+        'input_font': 'serif, cursive, fantasy',
+        'input_font_weight': '700',
+        'input_margin': '5px 0px 5px 20px',
+        'input_padding': '0px 5px 0px 5px',
+        'label_color': '#a0aec0',
+        'label_size': '16px',
+        'label_width': '150px',
+        'label_font': 'sans-serif, arial, serif',
+        'label_font_weight': 'bold',
+        'label_margin': '5px 0px 0px 20px',
+        'label_padding': '2px 5px 2px 5px',
+        'background_color': 'white',
+        'height': '30px',
+        'width': '150px',
+        'padding_bottom': '2px'
       };
     }
   }, {
     key: "expStyles",
     get: function get() {
       return {
-        font_color: '#111827',
-        border_color: 'rgba(210,214,220,1)',
-        label_color: '#111827',
-        label_size: '12pt',
-        background_color: 'white',
-        border_style: 'solid',
-        font_size: '15pt',
-        height: '30px',
-        width: '85px',
-        type: 'dropdown'
+        'font_color': '#000',
+        'border_color': '#a1b1c9',
+        'border_style': 'dashed',
+        'font_size': '12pt',
+        'input_border_radius': '0px',
+        'input_border_width': '2px',
+        'input_font': 'arial, cursive, fantasy',
+        'input_font_weight': '400',
+        'input_margin': '5px 0px 5px 0px',
+        'input_padding': '0px 5px 0px 5px',
+        'label_color': '#a0aec0',
+        'label_size': '16px',
+        'label_width': '150px',
+        'label_font': 'arial, fantasy, serif',
+        'label_font_weight': 'normal',
+        'label_margin': '5px 0px 0px 0px',
+        'label_padding': '2px 5px 2px 5px',
+        'background_color': 'white',
+        'height': '30px',
+        'width': '85px',
+        'padding_bottom': '2px',
+        'type': 'dropdown'
       };
     }
   }, {
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 53dba6447150..46c313e24b3f 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -26,7 +26,7 @@
     "/js/clients/payments/braintree-paypal.js": "/js/clients/payments/braintree-paypal.js?id=881f15cb83dc9d0412625da80f094912",
     "/js/clients/payments/wepay-credit-card.js": "/js/clients/payments/wepay-credit-card.js?id=b8b588f18e7c692faa44b598f3f1bde0",
     "/js/clients/payment_methods/wepay-bank-account.js": "/js/clients/payment_methods/wepay-bank-account.js?id=e984eca06a662d2e8a8e01cae085794c",
-    "/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=5ff9cc69d2923a89c05412bff3a8c862",
+    "/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=800e95b9c19d54e844338d619e87c9dc",
     "/js/clients/payments/mollie-credit-card.js": "/js/clients/payments/mollie-credit-card.js?id=2f72b969507e6135b5c52a65522ab3ae",
     "/js/clients/payments/eway-credit-card.js": "/js/clients/payments/eway-credit-card.js?id=0d1c8957b02c5601b7d57c39740bff75",
     "/js/clients/payment_methods/braintree-ach.js": "/js/clients/payment_methods/braintree-ach.js?id=2f8e5af9ba5ce266d2ee49b084fbe291",
diff --git a/resources/js/clients/payments/paytrace-credit-card.js b/resources/js/clients/payments/paytrace-credit-card.js
index ba49c834e975..cce2ada0386a 100644
--- a/resources/js/clients/payments/paytrace-credit-card.js
+++ b/resources/js/clients/payments/paytrace-credit-card.js
@@ -17,44 +17,80 @@ class PayTraceCreditCard {
 
     get creditCardStyles() {
         return {
-            font_color: '#111827',
-            border_color: 'rgba(210,214,220,1)',
-            label_color: '#111827',
-            label_size: '12pt',
-            background_color: 'white',
-            border_style: 'solid',
-            font_size: '15pt',
-            height: '30px',
-            width: '100%',
+            'font_color': '#000',
+            'border_color': '#a1b1c9',
+            'border_style': 'dotted',
+            'font_size': '13pt',
+            'input_border_radius': '3px',
+            'input_border_width': '1px',
+            'input_font': 'Times New Roman, arial, fantasy',
+            'input_font_weight': '400',
+            'input_margin': '5px 0px 5px 0px',
+            'input_padding': '0px 5px 0px 5px',
+            'label_color': '#a0aec0',
+            'label_size': '16px',
+            'label_width': '150px',
+            'label_font': 'Times New Roman, sans-serif, serif',
+            'label_font_weight': 'light',
+            'label_margin': '5px 0px 0px 0px',
+            'label_padding': '0px 5px 0px 5px',
+            'background_color': 'white',
+            'height': '30px',
+            'width': '370px',
+            'padding_bottom': '0px'
         };
     }
 
     get codeStyles() {
         return {
-            font_color: '#111827',
-            border_color: 'rgba(210,214,220,1)',
-            label_color: '#111827',
-            label_size: '12pt',
-            background_color: 'white',
-            border_style: 'solid',
-            font_size: '15pt',
-            height: '30px',
-            width: '300px',
+            'font_color': '#000',
+            'border_color': '#a1b1c9',
+            'border_style': 'dotted',
+            'font_size': '13pt',
+            'input_border_radius': '2px',
+            'input_border_width': '1px',
+            'input_font': 'serif, cursive, fantasy',
+            'input_font_weight': '700',
+            'input_margin': '5px 0px 5px 20px',
+            'input_padding': '0px 5px 0px 5px',
+            'label_color': '#a0aec0',
+            'label_size': '16px',
+            'label_width': '150px',
+            'label_font': 'sans-serif, arial, serif',
+            'label_font_weight': 'bold',
+            'label_margin': '5px 0px 0px 20px',
+            'label_padding': '2px 5px 2px 5px',
+            'background_color': 'white',
+            'height': '30px',
+            'width': '150px',
+            'padding_bottom': '2px'
         };
     }
 
     get expStyles() {
         return {
-            font_color: '#111827',
-            border_color: 'rgba(210,214,220,1)',
-            label_color: '#111827',
-            label_size: '12pt',
-            background_color: 'white',
-            border_style: 'solid',
-            font_size: '15pt',
-            height: '30px',
-            width: '85px',
-            type: 'dropdown',
+            'font_color': '#000',
+            'border_color': '#a1b1c9',
+            'border_style': 'dashed',
+            'font_size': '12pt',
+            'input_border_radius': '0px',
+            'input_border_width': '2px',
+            'input_font': 'arial, cursive, fantasy',
+            'input_font_weight': '400',
+            'input_margin': '5px 0px 5px 0px',
+            'input_padding': '0px 5px 0px 5px',
+            'label_color': '#a0aec0',
+            'label_size': '16px',
+            'label_width': '150px',
+            'label_font': 'arial, fantasy, serif',
+            'label_font_weight': 'normal',
+            'label_margin': '5px 0px 0px 0px',
+            'label_padding': '2px 5px 2px 5px',
+            'background_color': 'white',
+            'height': '30px',
+            'width': '85px',
+            'padding_bottom': '2px',
+            'type': 'dropdown'
         };
     }