diff --git a/src/app/app.component.html b/src/app/app.component.html
index 12a8d83..1194c7c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,9 @@
-<app-header></app-header>
-<app-sidebar></app-sidebar>
-<router-outlet></router-outlet>
+<div class="container">
+  <app-sidebar></app-sidebar>
+  <main>
+    <app-header></app-header>
+    <div class="content">
+      <router-outlet></router-outlet>
+    </div>
+  </main>
+</div>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index e69de29..91b5b15 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -0,0 +1,26 @@
+.container {
+  display: flex;
+  height: 100vh;
+}
+
+app-sidebar {
+  width: 232px;
+  height: 100%;
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+app-header {
+  height: 96px;
+  width: 100%;
+}
+
+.content {
+  width: calc(100vw - 232px);
+  height: 100vh;
+  padding: 64px 0 0 64px;
+}