diff --git a/src/components/PreviewPanel.vue b/src/components/PreviewPanel.vue
index 6187a4324..a415ae9a4 100644
--- a/src/components/PreviewPanel.vue
+++ b/src/components/PreviewPanel.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="preview-panel">
-    <span>Preview for {{ item.name }}</span>
+    <img :src="item.type === 'file' ? '/mime-types/text-x-plain.svg' : '/mime-types/inode-directory.svg'" :alt="item.name"/>
+    <p>{{ item.name }}</p>
   </div>
 </template>
 
@@ -21,6 +22,18 @@ export default {
   min-width: 260px;
   width: 20%;
   padding: 0 30px;
+  display: flex;
+  flex-direction: column;
+}
+
+.preview-panel > img {
+  width: 90%;
+  max-width: 256px;
+}
+
+.preview-panel > p {
+  text-align: center;
+  font-size: 24px;
 }
 
 </style>
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index 8ed7c2058..30870bb4f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -20,3 +20,11 @@ a:hover, a:focus {
   color: #0a6ebd;
   text-decoration: underline;
 }
+
+.shadow {
+  box-shadow: 0 2px 5px rgba(0,0,0,.1);
+}
+
+#app {
+  height: 100%;
+}
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5337d5795..b7bc11fe4 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="home-view">
     <NavigationBar>
       <template #left>
         <span>You are logged in</span>
@@ -9,7 +9,7 @@
       </template>
     </NavigationBar>
     <div class="main-view">
-      <DirectoryView @selection-changed="onSelectionChanged"/>
+      <DirectoryView @selection-changed="onSelectionChanged" class="shadow directory-view"/>
       <PreviewPanel :item="activeItem"/>
     </div>
   </div>
@@ -52,10 +52,24 @@ export default {
 
 <style scoped>
 
+.home-view {
+  height: 100%;
+  max-height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: blue;
+}
+
 .main-view {
   display: flex;
+  flex-grow: 1;
   width: 100%;
-  height: 400px;
+  padding: 0 10px;
+  background-color: green;
+}
+
+.directory-view {
+  flex-grow: 1;
 }
 
 </style>