diff --git a/resources/views/portal/ninja2020/gateways/square/credit_card/authorize.blade.php b/resources/views/portal/ninja2020/gateways/square/credit_card/authorize.blade.php
index 1e851353ee33..27d7fc0a1942 100644
--- a/resources/views/portal/ninja2020/gateways/square/credit_card/authorize.blade.php
+++ b/resources/views/portal/ninja2020/gateways/square/credit_card/authorize.blade.php
@@ -32,27 +32,30 @@
         const appId = "{{ $gateway->company_gateway->getConfigField('applicationId') }}";
         const locationId = "{{ $gateway->company_gateway->getConfigField('locationId') }}";
 
-         async function initializeCard(payments) {
-           const card = await payments.card();
-           await card.attach('#card-container'); 
-           return card; 
-         }
+        async function initializeCard(payments) {
+            const card = await payments.card();
+            await card.attach('#card-container'); 
+            return card; 
+        }
 
-document.addEventListener('DOMContentLoaded', async function () {
-  if (!window.Square) {
-    throw new Error('Square.js failed to load properly');
-  }
-  const payments = window.Square.payments(appId, locationId);
-  let card;
-  try {
-    card = await initializeCard(payments);
-  } catch (e) {
-    console.error('Initializing Card failed', e);
-    return;
-  }
+        document.addEventListener('DOMContentLoaded', async function () {
+
+        if (!window.Square) {
+            throw new Error('Square.js failed to load properly');
+        }
+
+        const payments = window.Square.payments(appId, locationId);
+        let card;
+        
+        try {
+            card = await initializeCard(payments);
+        } catch (e) {
+            console.error('Initializing Card failed', e);
+        return;
+        }
 
   // Step 5.2: create card payment
-});
+        });
     </script>
 
   @endsection
\ No newline at end of file