diff --git a/web/src/api/ws.tsx b/web/src/api/ws.tsx
index 5d7d400f0..f68d2b4a3 100644
--- a/web/src/api/ws.tsx
+++ b/web/src/api/ws.tsx
@@ -77,6 +77,7 @@ function useValue(): useValueReturn {
       });
     },
     shouldReconnect: () => true,
+    retryOnError: true,
   });
 
   const setState = useCallback(
diff --git a/web/src/components/graph/CameraGraph.tsx b/web/src/components/graph/CameraGraph.tsx
index 31fef288b..f2b327da1 100644
--- a/web/src/components/graph/CameraGraph.tsx
+++ b/web/src/components/graph/CameraGraph.tsx
@@ -116,7 +116,7 @@ export function CameraLineGraph({
   return (
     <div className="flex w-full flex-col">
       {lastValues && (
-        <div className="flex items-center gap-2.5">
+        <div className="flex flex-wrap items-center gap-2.5">
           {dataLabels.map((label, labelIdx) => (
             <div key={label} className="flex items-center gap-1">
               <MdCircle
diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index c8871500f..10be536a8 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -527,7 +527,7 @@ export function RecordingView({
               >
                 <div className="w-2" />
                 {allCameras.map((cam) => {
-                  if (cam == mainCamera) {
+                  if (cam == mainCamera || cam == "birdseye") {
                     return;
                   }