diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index a79c2f049..0318d52ff 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -12,7 +12,7 @@ body {
   padding: 8px;
 }
 body h3 {
-  font-weight: 600;
+  font-weight: 700;
 }
 body .validation-info {
   display: none;
@@ -35,7 +35,7 @@ body .form-group {
 body .headerlinecontainer .headerline1 {
   font-size: 20px;
   line-height: 32px;
-  font-weight: 500;
+  font-weight: 400;
   margin: 24px 0;
   text-align: center;
 }
@@ -51,6 +51,8 @@ body select {
   font-size: 16px;
   color: #000;
   background-color: #fff;
+  font-family: Urbanist, Arial, Helvetica, sans-serif;
+  font-weight: 400;
 }
 body input:focus, body input:focus-visible,
 body select:focus,
@@ -96,7 +98,7 @@ body .creditCardSpecific div .headerlinecontainer {
   display: none;
 }
 body .creditCardSpecific div label {
-  font-weight: 600;
+  font-weight: 500;
 }
 body .creditCardSpecific #infoRow2 {
   margin-bottom: 0;
@@ -140,6 +142,7 @@ body .buttonContainer button {
   border-radius: 8px;
   color: #fff;
   justify-content: center;
+  font-family: Urbanist, Arial, Helvetica, sans-serif;
   font-weight: 500;
   font-size: 16px;
   height: 48px;
@@ -272,7 +275,7 @@ body .cc-error-container #alert-message {
 #fmg-checkout-shared #other-payments-container label span.paymentOptionText {
   margin: auto 0;
   padding-left: 0;
-  font-weight: 600;
+  font-weight: 400;
 }
 #fmg-checkout-shared #other-payments-container #afterpayParentLink label > span:first-of-type {
   width: 100%;
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index 3d30255cc..aae9913e2 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -12,7 +12,7 @@ body {
     padding: 8px;
 
     h3 {
-        font-weight: 600;
+        font-weight: 700;
     }
 
     .validation-info {
@@ -42,7 +42,7 @@ body {
         .headerline1 {
             font-size: 20px;
             line-height: 32px;
-            font-weight: 500;
+            font-weight: 400;
             margin: 24px 0;
             text-align: center;
         }
@@ -61,6 +61,8 @@ body {
         font-size: 16px;
         color: #000;
         background-color: #fff;
+        font-family: Urbanist, Arial, Helvetica, sans-serif;
+        font-weight: 400;
         &:focus,
         &:focus-visible {
             box-shadow: 0 0 0 2.5px #1574a1;
@@ -103,7 +105,7 @@ body {
                 display: none;
             }
             label {
-                font-weight: 600;
+                font-weight: 500;
             }
         }
         #infoRow2 {
@@ -151,6 +153,7 @@ body {
             border-radius: 8px;
             color: #fff;
             justify-content: center;
+            font-family: Urbanist, Arial, Helvetica, sans-serif;
             font-weight: 500;
             font-size: 16px;
             height: 48px;
@@ -330,7 +333,7 @@ body {
 				&.paymentOptionText {
 					margin: auto 0;
 					padding-left: 0;
-                    font-weight: 600;
+                    font-weight: 400;
 				}
 			}
 		}