diff --git a/src/components/Order/OrderRowCheckbox.vue b/src/components/Order/OrderRowCheckbox.vue
index 050b883..49d9ff1 100644
--- a/src/components/Order/OrderRowCheckbox.vue
+++ b/src/components/Order/OrderRowCheckbox.vue
@@ -1,7 +1,7 @@
 <template>
   <label class="order-instruction-checkbox">
     <input type="checkbox" v-model="instructionObject.active" />
-    <div class="checkmark"></div>
+    <div class="checkmark" :class="{ dark: store.orderDarkMode }"></div>
     <div class="text">{{ instructionObject.name }}</div>
   </label>
 </template>
@@ -65,6 +65,10 @@ const instructionObject = computed(() => store.orderData.instructions[props.rowI
 
     background-color: gold;
 
+    &.dark {
+      color: black;
+    }
+
     &:after {
       content: '';
       position: absolute;