diff --git a/ts_web/elements/wcc-dashboard.ts b/ts_web/elements/wcc-dashboard.ts
index edcff19..57f70b9 100644
--- a/ts_web/elements/wcc-dashboard.ts
+++ b/ts_web/elements/wcc-dashboard.ts
@@ -8,7 +8,7 @@ import './wcc-sidebar';
 import './wcc-properties';
 import { TTheme } from './wcc-properties';
 import { TElementType } from './wcc-sidebar';
-import { TViewport } from '@designestate/dees-domtools/dist_ts/domtools.breakpoints';
+import { breakpoints } from '@designestate/dees-domtools';
 import { WccFrame } from './wcc-frame';
 
 @customElement('wcc-dashboard')
@@ -145,7 +145,7 @@ export class WccDashboard extends LitElement {
       async (routeInfo) => {
         this.selectedType = routeInfo.params.itemType as TElementType;
         this.selectedItemName = routeInfo.params.itemName;
-        this.selectedViewport = routeInfo.params.viewport as TViewport;
+        this.selectedViewport = routeInfo.params.viewport as breakpoints.TViewport;
         this.selectedTheme = routeInfo.params.theme as TTheme;
         if (routeInfo.params.itemType === 'element') {
           this.selectedItem = this.elements[routeInfo.params.itemName];
@@ -153,7 +153,6 @@ export class WccDashboard extends LitElement {
           this.selectedItem = this.pages[routeInfo.params.itemName];
         }
         const domtoolsInstance = await plugins.deesDomtools.elementBasic.setup();
-        domtoolsInstance.setVirtualViewport(routeInfo.params.viewport as TViewport);
         this.selectedTheme === 'bright'
           ? domtoolsInstance.themeManager.goBright()
           : domtoolsInstance.themeManager.goDark();