diff --git a/web/src/constants/index.ts b/web/src/constants/index.ts
index 2fbabd9..f1d639b 100644
--- a/web/src/constants/index.ts
+++ b/web/src/constants/index.ts
@@ -17,21 +17,47 @@ export const STORAGE_KEY_TOKEN = 'proposal_system_token';
 export const STORAGE_KEY_SIDEBAR = 'sidebarOpen';
 
 export const PROPOSAL_STATUSES = ['Draft', 'InReview', 'Approved', 'Sent', 'Revised'] as const;
-export const SERVICE_CATEGORIES = ['HVAC', 'Plumbing', 'Electrical', 'General', 'Renovation'] as const;
+export const SERVICE_CATEGORIES = ['HVAC', 'Plumbing', 'Electrical', 'General', 'Renovation', 'Other'] as const;
 export const PRIORITIES = ['Standard', 'Urgent', 'Emergency'] as const;
 
-export const STATUS_CHIP_STYLES: Record<string, { bgcolor: string; color: string }> = {
-  Draft: { bgcolor: '#E5E7EB', color: '#374151' },
-  InReview: { bgcolor: '#0284C7', color: '#FFFFFF' },
-  Approved: { bgcolor: '#2E7D32', color: '#FFFFFF' },
-  Sent: { bgcolor: '#075985', color: '#FFFFFF' },
-  Revised: { bgcolor: '#7C3AED', color: '#FFFFFF' },
+export const STATUS_LABELS: Record<string, string> = {
+  Draft: 'Draft',
+  InReview: 'In Review',
+  Approved: 'Approved',
+  Sent: 'Sent',
+  Revised: 'Revised',
 };
 
-export const DRAWER_WIDTH = 220;
-
-export const PRIORITY_CHIP_STYLES: Record<string, { bgcolor: string; color: string }> = {
-  Standard: { bgcolor: '#E5E7EB', color: '#374151' },
-  Urgent: { bgcolor: '#EA580C', color: '#FFFFFF' },
-  Emergency: { bgcolor: '#DC2626', color: '#FFFFFF' },
+export const STATUS_CHIP_STYLES: Record<string, { bgcolor: string; color: string; border: string }> = {
+  Draft: { bgcolor: '#F1F5F9', color: '#334155', border: '1px solid #CBD5E1' },
+  InReview: { bgcolor: '#E0F2FE', color: '#075985', border: '1px solid #7DD3FC' },
+  Approved: { bgcolor: '#DCFCE7', color: '#166534', border: '1px solid #86EFAC' },
+  Sent: { bgcolor: '#DBEAFE', color: '#1E40AF', border: '1px solid #93C5FD' },
+  Revised: { bgcolor: '#F3E8FF', color: '#6B21A8', border: '1px solid #C084FC' },
+  Rejected: { bgcolor: '#FEE2E2', color: '#991B1B', border: '1px solid #FCA5A5' },
+};
+
+export const DRAWER_WIDTH = 216;
+
+export const PRIORITY_LABELS: Record<string, string> = {
+  Standard: 'Standard',
+  Urgent: 'Urgent',
+  Emergency: 'Emergency Dispatch',
+};
+
+export const PRIORITY_CHIP_STYLES: Record<string, { bgcolor: string; color: string; border: string }> = {
+  Standard: { bgcolor: '#E2E8F0', color: '#334155', border: '1px solid #CBD5E1' },
+  Urgent: { bgcolor: '#FFEDD5', color: '#9A3412', border: '1px solid #FDBA74' },
+  Emergency: { bgcolor: '#FEE2E2', color: '#991B1B', border: '1px solid #F87171' },
+};
+
+export const PRIORITY_ROW_SX: Record<string, object> = {
+  Urgent: {
+    backgroundColor: '#FFF7ED',
+  },
+  Emergency: {
+    borderLeft: '4px solid',
+    borderLeftColor: 'error.main',
+    backgroundColor: '#FEF2F2',
+  },
 };