diff --git a/src/components/BookingDetailsModal.tsx b/src/components/BookingDetailsModal.tsx
index b5fd328..3d83e4a 100644
--- a/src/components/BookingDetailsModal.tsx
+++ b/src/components/BookingDetailsModal.tsx
@@ -320,7 +320,7 @@ export default function BookingDetailsModal({
                 <Database className="w-3.5 h-3.5" />
                 GET /api/bookings/{booking.id}
               </span>
-              <span className="text-indigo-400 bg-indigo-950 border border-indigo-900 px-1.5 py-0.5 rounded font-mono text-[9px]">application/json</span>
+              <span className="text-indigo-300 bg-indigo-500/15 border border-indigo-500/30 px-1.5 py-0.5 rounded font-mono text-[9px]">application/json</span>
             </div>
             <div className="p-4 relative overflow-x-auto max-h-[260px] overflow-y-auto">
               <button