diff --git a/src/components/Order/OrderMainContent.vue b/src/components/Order/OrderMainContent.vue
index eb480f3..d4a6bed 100644
--- a/src/components/Order/OrderMainContent.vue
+++ b/src/components/Order/OrderMainContent.vue
@@ -34,8 +34,9 @@
       <!-- From 21.10 -->
       <tr
         v-for="(instruction, i) in store.orderData.instructions.slice(2)"
-        :style="{
-          'background-color': instruction.key.startsWith('218') ? '#eeece1' : 'inherit'
+        :class="{
+          'bg-lighter': instruction.key.startsWith('218'),
+          dark: store.orderDarkMode
         }"
       >
         <td width="10%" class="order-instruction-number">
@@ -176,6 +177,14 @@ function calculateInputWidthByFieldName(fieldName: string) {
     line-height: 2em;
     text-align: justify;
   }
+
+  tr.bg-lighter {
+    background-color: #eeece1;
+  }
+
+  tr.bg-lighter.dark {
+    background-color: #111;
+  }
 }
 
 .order-instruction-number {