diff --git a/web/config/handlers.js b/web/config/handlers.js
index 59a1649d1..0166d0c3a 100644
--- a/web/config/handlers.js
+++ b/web/config/handlers.js
@@ -68,6 +68,7 @@ export const handlers = [
           top_score: Math.random(),
           zones: ['front_patio'],
           thumbnail: '/9j/4aa...',
+          camera: 'camera_name',
         }))
       )
     );
diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index db894bede..b93d661e4 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -461,7 +461,7 @@ export default function Events({ path, ...props }) {
                         </div>
                         <div className="capitalize  text-sm flex align-center">
                           <Zone className="w-5 h-5 mr-2 inline" />
-                          {event.zones.join(',').replaceAll('_', ' ')}
+                          {event.zones.join(', ').replaceAll('_', ' ')}
                         </div>
                       </div>
                       <div class="hidden sm:flex flex-col justify-end mr-2">