diff --git a/app/javascript/dashboard/assets/scss/_layout.scss b/app/javascript/dashboard/assets/scss/_layout.scss
index 4c027c028..9e9573b13 100644
--- a/app/javascript/dashboard/assets/scss/_layout.scss
+++ b/app/javascript/dashboard/assets/scss/_layout.scss
@@ -6,7 +6,6 @@ body {
   margin: 0;
     -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  overflow: hidden;
 }
 
 .app-wrapper {
@@ -21,6 +20,8 @@ body {
 
 .app-content {
   @include flex;
+  @include full-height;
+  overflow: hidden;
 }
 
 .view-box {
diff --git a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss
index 20b06cfac..7336e3f58 100644
--- a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss
@@ -10,7 +10,6 @@
   @include full-height;
   @include margin(0);
   @include space-between-column;
-  overflow-x: hidden;
   width: $nav-bar-width;
   z-index: 1024 - 1;
 
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
index 682c3b4f0..b1a0b047e 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
@@ -32,7 +32,7 @@
       />
     </div>
     <!-- No Conversation Selected -->
-    <div class="columns full-height conv-empty-state">
+    <div v-else class="columns full-height conv-empty-state">
       <!-- Loading status -->
       <woot-loading-state
         v-if="fetchingInboxes || loadingChatList"