diff --git a/src/pages/workorders/view/WorkOrderViewPage.css b/src/pages/workorders/view/WorkOrderViewPage.css
index 56130541..374e82f1 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.css
+++ b/src/pages/workorders/view/WorkOrderViewPage.css
@@ -58,11 +58,11 @@
   top: 100%;
   left: 0;
   margin-top: 4px;
-  background: #fff;
+  background: #ffffff;
   border: 1px solid #ddd;
   border-radius: 6px;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
-  z-index: 100;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  z-index: 1000;
   min-width: 160px;
   overflow: hidden;
 }
@@ -74,7 +74,7 @@
   width: 100%;
   padding: 8px 14px;
   border: none;
-  background: none;
+  background: #ffffff;
   font-size: 13px;
   color: #333;
   cursor: pointer;
@@ -82,12 +82,12 @@
 }
 
 .woStatusOption:hover {
-  background: #f5f5f5;
+  background: #f0f0f0;
 }
 
 .woStatusOption.active {
   font-weight: 600;
-  background: #f0f7ff;
+  background: #e6f0ff;
 }
 
 .woStatusDot {