diff --git a/docs/app/js/sanddance-app.js b/docs/app/js/sanddance-app.js
index d06f1d4a..c04e63b7 100644
--- a/docs/app/js/sanddance-app.js
+++ b/docs/app/js/sanddance-app.js
@@ -151179,7 +151179,7 @@ class Explorer extends React.Component {
   }
 
   updateViewerOptions(viewerOptions) {
-    this.viewerOptions = Object.assign({}, viewerOptions, {
+    this.viewerOptions = Object.assign({}, this.viewerOptions, viewerOptions, {
       onColorContextChange: () => this.manageColorToolbar(),
       onDataFilter: (dataFilter, filteredData) => {
         const selectedItemIndex = Object.assign({}, this.state.selectedItemIndex);
diff --git a/packages/sanddance-explorer/src/explorer.tsx b/packages/sanddance-explorer/src/explorer.tsx
index ee99821a..9d2b0147 100644
--- a/packages/sanddance-explorer/src/explorer.tsx
+++ b/packages/sanddance-explorer/src/explorer.tsx
@@ -143,6 +143,7 @@ export class Explorer extends React.Component<Props, State> {
 
   public updateViewerOptions(viewerOptions: Partial<SandDance.types.ViewerOptions>) {
     this.viewerOptions = {
+      ...this.viewerOptions,
       ...viewerOptions,
       onColorContextChange: () => this.manageColorToolbar(),
       onDataFilter: (dataFilter, filteredData) => {