diff --git a/src/layouts/order-confirmation/order-confirmation.vue b/src/layouts/order-confirmation/order-confirmation.vue
index 775630ef..4b299b07 100644
--- a/src/layouts/order-confirmation/order-confirmation.vue
+++ b/src/layouts/order-confirmation/order-confirmation.vue
@@ -26,11 +26,11 @@
                             <p>{{ appointmentTimeFormatted }}</p>
                         </div>
                         <div
-                            class="appointment-text text-center text-color--black lh-base"
+                            class="appointment-text text-center lh-base"
                             v-html="appointmentWordingText">
                         </div>
                         <div
-                            class="appointment-text text-center text-color--black lh-base mt-2"
+                            class="appointment-text text-center lh-base mt-2"
                             v-html="appointmentWordingText2">
                         </div>
                     </div>
@@ -308,6 +308,7 @@ $page-side-padding: 1.5rem;
 .appointment-text {
     :deep(strong) {
         font-weight: $font-weight-bold;
+        color: $black;
     }
 }
 </style>