diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue
index d54d8a4..04efc61 100644
--- a/frontend/src/views/OilReference.vue
+++ b/frontend/src/views/OilReference.vue
@@ -1215,8 +1215,9 @@ async function saveCardImage(name) {
   box-shadow: 0 4px 16px rgba(90,60,30,0.12);
 }
 .oil-chip--inactive {
-  opacity: 0.5;
-  background: #f0f0f0 !important;
+  opacity: 0.7;
+  background: #f5f5f5 !important;
+  border: 1px solid #e0e0e0;
 }
 .oil-chip--incomplete {
   background: #fff5f5 !important;