diff --git a/projects/editor/src/app/app.module.ts b/projects/editor/src/app/app.module.ts
index 9c30f9039bca96c31ff2cf8e50950633f415265d..71b9bec7b76e1f8f72795d09a776207b97f20066 100644
--- a/projects/editor/src/app/app.module.ts
+++ b/projects/editor/src/app/app.module.ts
@@ -24,7 +24,6 @@ import { ToolbarComponent } from './components/toolbar/toolbar.component';
 import { UiElementToolboxComponent } from
   './components/unit-view/page-view/new-ui-element-panel/ui-element-toolbox.component';
 import { UnitViewComponent } from './components/unit-view/unit-view.component';
-import { PageViewComponent } from './components/unit-view/page-view/page-view.component';
 import { CanvasComponent } from './components/unit-view/page-view/canvas/canvas.component';
 import { StaticCanvasOverlayComponent } from
   './components/unit-view/page-view/canvas/overlays/static-canvas-overlay.component';
@@ -67,7 +66,6 @@ import { ElementModelPropertiesComponent } from
     ToolbarComponent,
     UiElementToolboxComponent,
     UnitViewComponent,
-    PageViewComponent,
     CanvasComponent,
     StaticCanvasOverlayComponent,
     DynamicCanvasOverlayComponent,
diff --git a/projects/editor/src/app/components/unit-view/page-view/page-view.component.ts b/projects/editor/src/app/components/unit-view/page-view/page-view.component.ts
deleted file mode 100644
index e1881435b068be437239bf964ef6a8bc2fa34fb5..0000000000000000000000000000000000000000
--- a/projects/editor/src/app/components/unit-view/page-view/page-view.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {
-  Component, Input
-} from '@angular/core';
-import { Page } from '../../../../../../common/interfaces/unit';
-
-@Component({
-  selector: 'aspect-page-view',
-  template: `
-    <aspect-page-canvas [page]="page" fxLayout="column"></aspect-page-canvas>
-  `,
-  styles: [
-    'aspect-page-canvas {height: 100%; display: block}'
-  ]
-})
-export class PageViewComponent {
-  @Input() page!: Page;
-}
diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.css b/projects/editor/src/app/components/unit-view/unit-view.component.css
new file mode 100644
index 0000000000000000000000000000000000000000..419dd64ac9d881ad5cda116de1aa14d4035b0c41
--- /dev/null
+++ b/projects/editor/src/app/components/unit-view/unit-view.component.css
@@ -0,0 +1,64 @@
+.toolbox_drawer {
+  width: 248px;
+}
+
+.properties_drawer {
+  width: 320px;
+}
+
+.drawer-button {
+  font-size: large;
+  background-color: lightgray;
+  min-width: 0;
+  width: 2%;
+}
+
+.drawer-button {
+  border: none;
+  cursor: pointer;
+}
+
+.show-elements-button span {
+  transform: rotate(-90deg);
+  display: inherit;
+}
+
+.show-properties-button {
+  padding-bottom: 140px;
+}
+
+.show-properties-button span {
+  transform: rotate(90deg);
+  display: inherit;
+}
+
+::ng-deep .mat-drawer-content .mat-tab-body-wrapper {
+  height: 100%;
+}
+
+.menuItem {
+  padding: 0 16px;
+}
+
+mat-checkbox.menuItem {
+  padding: 0 16px 10px 16px;
+}
+
+mat-divider {
+  margin-bottom: 10px;
+}
+
+::ng-deep .mat-tab-label:hover .menu-button {
+  visibility: visible;
+}
+
+.menu-button {
+  position: absolute;
+  left: 130px;
+  bottom: 6px;
+  visibility: hidden;
+}
+
+aspect-page-canvas {
+  height: 100%; display: block;
+}
diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.html b/projects/editor/src/app/components/unit-view/unit-view.component.html
index 0a2875e13aab81bc5234e1d138ad6a7d94d667af..359f8461d76970a281ab5e43b3a739d8823e33b1 100644
--- a/projects/editor/src/app/components/unit-view/unit-view.component.html
+++ b/projects/editor/src/app/components/unit-view/unit-view.component.html
@@ -102,7 +102,7 @@
             </mat-menu>
 
           </ng-template>
-          <aspect-page-view [page]="page"></aspect-page-view>
+          <aspect-page-canvas [page]="page" fxLayout="column"></aspect-page-canvas>
         </mat-tab>
         <mat-tab disabled>
           <ng-template mat-tab-label>
diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.ts b/projects/editor/src/app/components/unit-view/unit-view.component.ts
index e95a4b2281881ddca10d38c30618cc80447964bf..51e48cd369354016f522052e779720956d6618fc 100644
--- a/projects/editor/src/app/components/unit-view/unit-view.component.ts
+++ b/projects/editor/src/app/components/unit-view/unit-view.component.ts
@@ -10,21 +10,7 @@ import { Page } from '../../../../../common/interfaces/unit';
 @Component({
   selector: 'aspect-unit-view',
   templateUrl: './unit-view.component.html',
-  styles: [
-    '.toolbox_drawer {width: 248px}',
-    '.properties_drawer {width: 320px}',
-    '.drawer-button {font-size: large;background-color: lightgray; min-width: 0; width: 2%;}',
-    '.drawer-button {border: none; cursor: pointer}',
-    '.show-elements-button span {transform: rotate(-90deg); display: inherit}',
-    '.show-properties-button {padding-bottom: 140px}',
-    '.show-properties-button span {transform: rotate(90deg); display: inherit;}',
-    '::ng-deep .mat-drawer-content .mat-tab-body-wrapper {height: 100%}',
-    '.menuItem {padding: 0 16px}',
-    'mat-checkbox.menuItem {padding: 0 16px 10px 16px}',
-    'mat-divider {margin-bottom: 10px}',
-    '::ng-deep .mat-tab-label:hover .menu-button {visibility: visible}',
-    '.menu-button {position: absolute; left: 130px; bottom: 6px; visibility: hidden}'
-  ]
+  styleUrls: ['./unit-view.component.css']
 })
 export class UnitViewComponent implements OnInit, OnDestroy {
   selectedPageIndex: number = 0;