diff --git a/src/components/RecentActivity/LiveView/LiveView.stories.tsx b/src/components/RecentActivity/LiveView/LiveView.stories.tsx
index 68239a44b..90bd40a6e 100644
--- a/src/components/RecentActivity/LiveView/LiveView.stories.tsx
+++ b/src/components/RecentActivity/LiveView/LiveView.stories.tsx
@@ -51,6 +51,28 @@ export const WithData: Story = {
   }
 };
 
+export const WithAllErrorsData: Story = {
+  args: {
+    data: {
+      liveDataRecords: mockData.liveDataRecords.map((x) => ({
+        ...x,
+        isError: true
+      })),
+      durationData: {
+        ...mockData.durationData,
+        percentiles: [
+          {
+            ...percentile,
+            previousDuration: null,
+            changeVerified: null
+          },
+          ...mockData.durationData.percentiles.slice(1)
+        ]
+      }
+    }
+  }
+};
+
 export const WithLowLatencyData: Story = {
   args: {
     data: {
diff --git a/src/components/RecentActivity/LiveView/index.tsx b/src/components/RecentActivity/LiveView/index.tsx
index 270f8b914..11cbad6d9 100644
--- a/src/components/RecentActivity/LiveView/index.tsx
+++ b/src/components/RecentActivity/LiveView/index.tsx
@@ -441,7 +441,7 @@ export const LiveView = (props: LiveViewProps) => {
           <CrossIcon color={getCloseIconColor(theme)} size={16} />
         </s.CloseButton>
       </s.Header>
-      {data.length > 0 ? (
+      {props.data.liveDataRecords.length > 0 ? (
         <>
           <s.Toolbar>
             <ToggleSwitch