diff --git a/webui/src/components/OperationTree.tsx b/webui/src/components/OperationTree.tsx
index f487163b..6778a196 100644
--- a/webui/src/components/OperationTree.tsx
+++ b/webui/src/components/OperationTree.tsx
@@ -168,12 +168,16 @@ export const OperationTree = ({
             ) {
               details.push(opDetails.displayState);
             }
+          }
+          let snapshotId: string | null = null;
+          for (const op of b.operations) {
             if (op.snapshotId) {
-              details.push(`ID: ${normalizeSnapshotId(op.snapshotId)}`);
+              snapshotId = op.snapshotId;
+              break;
             }
           }
-          if (b.snapshotInfo) {
-            details.push(`ID: ${normalizeSnapshotId(b.snapshotInfo.id)}`);
+          if (snapshotId) {
+            details.push(`ID: ${normalizeSnapshotId(snapshotId)}`);
           }
 
           let detailsElem: React.ReactNode | null = null;