diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 7409ae8..2a52924 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -75,15 +75,21 @@ export default {
   display: flex;
   height: 100%;
   overflow: hidden;
+  width: 100%;
 }
 .navigation {
-  width: 10em;
+  width: 13em;
   background-color: #e0e0e0;
   display: flex;
   flex-direction: column;
+  padding: 0.5rem;
 }
 .content {
   flex: 1;
+  width: 100%;
+  height:calc(100% - 2.5rem);
+  overflow: auto;
+  padding: 0 0.35em;
 }
 .navigation > a{
   text-decoration: none;
diff --git a/frontend/src/assets/css/main.scss b/frontend/src/assets/css/main.scss
index a2187a6..5c69c10 100644
--- a/frontend/src/assets/css/main.scss
+++ b/frontend/src/assets/css/main.scss
@@ -10,7 +10,13 @@ body {
 }
 h1 {
     border-bottom: 1px solid #000000;
+    margin: 0;
+    height: 3rem;
+    padding: 0 0.5rem;
 }
 #app {
     flex: 1;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
 }
\ No newline at end of file
diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index 61684e4..643d3b9 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -665,6 +665,7 @@ button:hover {
 .columns {
     display: flex;
     justify-content: space-between;
+    width: calc(100% - 1em);
 }
 
 .column {