diff --git a/frontend/src/pages/Bookings.tsx b/frontend/src/pages/Bookings.tsx
index adc3005..5149c12 100644
--- a/frontend/src/pages/Bookings.tsx
+++ b/frontend/src/pages/Bookings.tsx
@@ -54,8 +54,8 @@ export default function Bookings() {
 
   const filtered = useMemo(() => {
     return bookings.filter((b) => {
-      if (filters.departments.length && !filters.departments.includes(b.department)) return false;
-      if (filters.names.length && !filters.names.includes(b.resourceName)) return false;
+      if (filters.departments.length && !filters.departments.includes(b.department ?? '')) return false;
+      if (filters.names.length && !filters.names.includes(b.resourceName ?? '')) return false;
       return true;
     });
   }, [bookings, filters.departments, filters.names]);
@@ -155,7 +155,7 @@ export default function Bookings() {
                     <div className="truncate" title={b.projectName}>{b.projectName}</div>
                     <div className="truncate" title={b.task}>{b.task}</div>
                     <div className="truncate text-slate-500">{b.startDate} → {b.endDate}</div>
-                    <div className="text-right tabular-nums">{b.totalHoursBooked.toFixed(1)}</div>
+                    <div className="text-right tabular-nums">{(Number(b.totalHoursBooked) || 0).toFixed(1)}</div>
                     <div className="truncate text-slate-500">{b.bookingStatus}</div>
                   </div>
                 ))}