diff --git a/docs/releases/v2.11.0.md b/docs/releases/v2.11.0.md
index 548e2e064c8be5d708a744b7fa0d682b12c45e85..0720c761f891c34d1823f6ece6a577bd5c40e6cf 100644
--- a/docs/releases/v2.11.0.md
+++ b/docs/releases/v2.11.0.md
@@ -12,3 +12,4 @@
 - fixed unit tests
 - updated checklist.md, removed outdated checklist item
 - Reorganised help, quick tour and about page
+- Simplify volume of interest wireframe show/hide
diff --git a/src/features/category-acc.directive.ts b/src/features/category-acc.directive.ts
index 5c6f226d125235e1c33ed6a0516da2f19e0d7c36..cddba9e69912494aa8a156eb802fe2b25f76ad1e 100644
--- a/src/features/category-acc.directive.ts
+++ b/src/features/category-acc.directive.ts
@@ -29,7 +29,8 @@ export class CategoryAccDirective implements AfterContentInit, OnDestroy {
       ).pipe(
         map(isBusyState => isBusyState.some(state => state))
       )
-    )
+    ),
+    shareReplay(1),
   )
   public total$ = this.#listCmps$.pipe(
     switchMap(listCmps =>
diff --git a/src/features/entry/entry.component.ts b/src/features/entry/entry.component.ts
index 8eec85017557aaaef84df16e88712bc5156c51fd..979fea404ef798b8f0bfc510477bf423782938b0 100644
--- a/src/features/entry/entry.component.ts
+++ b/src/features/entry/entry.component.ts
@@ -1,13 +1,13 @@
 import { AfterViewInit, Component, OnDestroy, QueryList, ViewChildren } from '@angular/core';
 import { select, Store } from '@ngrx/store';
-import { map, scan, shareReplay, switchMap, tap } from 'rxjs/operators';
+import { distinctUntilChanged, map, scan, shareReplay, switchMap, tap } from 'rxjs/operators';
 import { IDS, SAPI } from 'src/atlasComponents/sapi';
 import { Feature } from 'src/atlasComponents/sapi/sxplrTypes';
 import { FeatureBase } from '../base';
 import * as userInteraction from "src/state/userInteraction"
 import { atlasSelection } from 'src/state';
 import { CategoryAccDirective } from "../category-acc.directive"
-import { BehaviorSubject, combineLatest, merge, of, Subscription } from 'rxjs';
+import { BehaviorSubject, combineLatest, concat, merge, of, Subscription } from 'rxjs';
 import { DsExhausted, IsAlreadyPulling, PulledDataSource } from 'src/util/pullable';
 import { TranslatedFeature } from '../list/list.directive';
 
@@ -50,6 +50,11 @@ export class EntryComponent extends FeatureBase implements AfterViewInit, OnDest
 
   #subscriptions: Subscription[] = []
 
+  private _busy$ = new BehaviorSubject<boolean>(false)
+  busy$ = this._busy$.pipe(
+    shareReplay(1)
+  )
+
   ngOnDestroy(): void {
     while (this.#subscriptions.length > 0) this.#subscriptions.pop().unsubscribe()
   }
@@ -61,6 +66,15 @@ export class EntryComponent extends FeatureBase implements AfterViewInit, OnDest
       map(() => Array.from(this.catAccDirs))
     )
     this.#subscriptions.push(
+      catAccDirs$.pipe(
+        switchMap(dirs => combineLatest(
+          dirs.map(dir => dir.isBusy$)
+        )),
+        map(flags => flags.some(flag => flag)),
+        distinctUntilChanged(),
+      ).subscribe(value => {
+        this._busy$.next(value)
+      }),
       catAccDirs$.pipe(
         tap(() => this.busyTallying$.next(true)),
         switchMap(catArrDirs => merge(
diff --git a/src/viewerModule/viewerCmp/viewerCmp.component.ts b/src/viewerModule/viewerCmp/viewerCmp.component.ts
index b05ee4f2100bbf543a7d2488562103996ef461be..136f0baf82166534a9e0d7480159e0dce58edc32 100644
--- a/src/viewerModule/viewerCmp/viewerCmp.component.ts
+++ b/src/viewerModule/viewerCmp/viewerCmp.component.ts
@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, TemplateRef, ViewChild, ViewContainerRef } from "@angular/core";
 import { select, Store } from "@ngrx/store";
-import { BehaviorSubject, combineLatest, Observable, Subscription } from "rxjs";
-import { debounceTime, map, shareReplay, startWith, switchMap } from "rxjs/operators";
+import { combineLatest, Observable, Subscription } from "rxjs";
+import { debounceTime, map, shareReplay } from "rxjs/operators";
 import { CONST, ARIA_LABELS, QUICKTOUR_DESC } from 'common/constants'
 import { animate, state, style, transition, trigger } from "@angular/animations";
 import { IQuickTourData } from "src/ui/quickTour";
@@ -12,7 +12,6 @@ import { SAPI } from "src/atlasComponents/sapi";
 import { Feature, SxplrAtlas, SxplrRegion } from "src/atlasComponents/sapi/sxplrTypes"
 import { atlasAppearance, atlasSelection, userInteraction } from "src/state";
 import { SxplrTemplate } from "src/atlasComponents/sapi/sxplrTypes";
-import { FormControl } from "@angular/forms";
 import { EntryComponent } from "src/features/entry/entry.component";
 import { TFace, TSandsPoint, getCoord } from "src/util/types";
 
@@ -300,24 +299,6 @@ export class ViewerCmp implements OnDestroy {
     this.onDestroyCb.push(
       () => this.ctxMenuSvc.deregister(cb)
     )
-
-    
-    this.subscriptions.push(
-      this.showVOIWireframeSlideToggle.valueChanges.pipe(
-        switchMap(showWireFrame => this.voiCmp.totals$.pipe(
-          map(totals => ({
-            totals,
-            showWireFrame
-          }))
-        ))
-      ).subscribe(async ({ showWireFrame }) => {
-        if (showWireFrame) {
-          this._loadingVoiWireFrame$.next(true)
-          await this.voiCmp.pullAll()
-        }
-        this._loadingVoiWireFrame$.next(false)
-      })
-    )
   }
 
   ngOnDestroy(): void {
@@ -457,8 +438,4 @@ export class ViewerCmp implements OnDestroy {
       })
     )
   }
-
-  showVOIWireframeSlideToggle = new FormControl<boolean>(false)
-  private _loadingVoiWireFrame$ = new BehaviorSubject<boolean>(false)
-  loadingVoiWireFrame$ = this._loadingVoiWireFrame$.asObservable()
 }
diff --git a/src/viewerModule/viewerCmp/viewerCmp.style.css b/src/viewerModule/viewerCmp/viewerCmp.style.css
index 8de1bd29729348a03b589d77bc98514f95eeb78f..5109ee65056b3960f874d9f32a55a12e14ac29e3 100644
--- a/src/viewerModule/viewerCmp/viewerCmp.style.css
+++ b/src/viewerModule/viewerCmp/viewerCmp.style.css
@@ -153,3 +153,8 @@ sxplr-smart-chip [mat-icon-button]
 {
   margin-right: -1.5rem;
 }
+
+.loadingText
+{
+  height: 1rem;
+}
diff --git a/src/viewerModule/viewerCmp/viewerCmp.template.html b/src/viewerModule/viewerCmp/viewerCmp.template.html
index 160a636fc0b24bdfd784a38d54447275b6cc0bd4..0c80076b1593496a3f94cfb7892f312d192cad22 100644
--- a/src/viewerModule/viewerCmp/viewerCmp.template.html
+++ b/src/viewerModule/viewerCmp/viewerCmp.template.html
@@ -1110,12 +1110,15 @@
       </mat-card-subtitle>
     </mat-card-header>
 
-    <mat-slide-toggle [formControl]="showVOIWireframeSlideToggle">
-      <span>
-        Show VOI Wireframe
-      </span>
-      <spinner-cmp class="sxplr-d-inline-block" *ngIf="loadingVoiWireFrame$ | async"></spinner-cmp>
-    </mat-slide-toggle>
+    <div class="loadingText">
+
+      <ng-template [ngIf]="voiFeatureEntryCmp.busy$ | async">
+        <spinner-cmp class="sxplr-d-inline-block"></spinner-cmp>
+        <span>
+          Loading Wireframes ...
+        </span>
+      </ng-template>
+    </div>
   </mat-card>
 
   <sxplr-feature-entry
@@ -1140,6 +1143,7 @@
     iav-switch
     [iav-switch-state]="false"
     #voiSwitch="iavSwitch"
+    (iav-switch-event)="$event && voiFeatureEntryCmp.pullAll()"
     (click)="voiSwitch.toggle()">
 
     <ng-template [ngIf]="voiSwitch.switchState$ | async" [ngIfElse]="chevronCollapseTmpl">
@@ -1162,7 +1166,7 @@
   and how bounding boxes are drawn needs to be reconsidered -->
   
   <div
-    *ngIf="showVOIWireframeSlideToggle.valueChanges | async"
+    *ngIf="voiSwitch.switchState$| async"
     voiBbox
     [features]="voiFeatureEntryCmp.features$ | async">