diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index afdb6af..4b5403f 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '1.0.88',
+  version: '1.0.89',
   description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
 }
diff --git a/ts_web/elements/wcc-dashboard.ts b/ts_web/elements/wcc-dashboard.ts
index 775568e..ee508aa 100644
--- a/ts_web/elements/wcc-dashboard.ts
+++ b/ts_web/elements/wcc-dashboard.ts
@@ -76,7 +76,6 @@ export class WccDashboard extends DeesElement {
           this.selectedType = eventArg.detail;
         }}
         @selectedItemName=${(eventArg) => {
-          document.title = eventArg.detail;
           this.selectedItemName = eventArg.detail;
         }}
         @selectedItem=${(eventArg) => {
@@ -134,12 +133,16 @@ export class WccDashboard extends DeesElement {
     );
   }
 
-  public async updated() {
+  public async updated(changedPropertiesArg: Map<string, any>) {
     this.domtools = await plugins.deesDomtools.DomTools.setupDomTools();
     await this.domtools.router._handleRouteState();
     const storeElement = this.selectedItem;
     const wccFrame: WccFrame = this.shadowRoot.querySelector('wcc-frame');
 
+    if (changedPropertiesArg.has('selectedItemName') {
+      document.title = this.selectedItemName;
+    })
+
     if (this.selectedType === 'page' && this.selectedItem) {
       if (typeof this.selectedItem === 'function') {
         console.log('slotting page.');