diff --git a/packages/trace-viewer/src/sw/traceLoaderBackends.ts b/packages/trace-viewer/src/sw/traceLoaderBackends.ts
index bd1149edf8210..b6d5c15ba04fe 100644
--- a/packages/trace-viewer/src/sw/traceLoaderBackends.ts
+++ b/packages/trace-viewer/src/sw/traceLoaderBackends.ts
@@ -66,9 +66,9 @@ export class ZipTraceLoaderBackend implements TraceLoaderBackend {
     const entry = entries.get(entryName);
     if (!entry)
       return;
-    const writer = new zipjs.TextWriter();
+    const writer = new zipjs.Uint8ArrayWriter();
     await entry.getData?.(writer);
-    return writer.getData();
+    return new TextDecoder().decode(writer.getData());
   }
 
   async readBlob(entryName: string): Promise<Blob | undefined> {
@@ -76,9 +76,9 @@ export class ZipTraceLoaderBackend implements TraceLoaderBackend {
     const entry = entries.get(entryName);
     if (!entry)
       return;
-    const writer = new zipjs.BlobWriter() as zip.BlobWriter;
+    const writer = new zipjs.Uint8ArrayWriter();
     await entry.getData!(writer);
-    return writer.getData();
+    return new Blob([writer.getData()]);
   }
 }
 
diff --git a/packages/trace-viewer/src/ui/networkTab.tsx b/packages/trace-viewer/src/ui/networkTab.tsx
index 4d02cc558e710..597bf7e2f6efc 100644
--- a/packages/trace-viewer/src/ui/networkTab.tsx
+++ b/packages/trace-viewer/src/ui/networkTab.tsx
@@ -195,8 +195,9 @@ const renderCell = (entry: RenderedEntry, column: ColumnName): RenderedGridCell
   if (column === 'method')
     return { body: entry.method };
   if (column === 'status') {
+    const statusBody = entry.status.code > 0 ? entry.status.code : (entry.status.code === -1 ? 'Canceled' : '');
     return {
-      body: entry.status.code > 0 ? entry.status.code : '',
+      body: statusBody,
       title: entry.status.text
     };
   }