diff --git a/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss b/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss
index 28ac5686..6d3d1ca7 100644
--- a/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss
+++ b/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss
@@ -188,18 +188,20 @@
 
 .o_fp_po_card {
     background: var(--bs-body-bg);
-    border: 1px solid color-mix(in srgb, var(--bs-body-color) 22%, var(--bs-body-bg));
+    border-width: 1px;
+    border-style: solid;
+    border-color: $border-color;
     border-radius: 8px;
     padding: 10px 12px;
     margin-bottom: 8px;
     cursor: grab;
-    box-shadow: 0 1px 4px color-mix(in srgb, var(--bs-body-color) 10%, transparent);
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
     transition: box-shadow 0.15s, transform 0.1s, opacity 0.15s;
 
     &:hover {
-        box-shadow: 0 3px 10px color-mix(in srgb, var(--bs-body-color) 16%, transparent);
+        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
         transform: translateY(-1px);
-        border-color: color-mix(in srgb, var(--bs-body-color) 35%, var(--bs-body-bg));
+        border-color: darken($border-color, 10%);
     }
 
     &:active {