diff --git a/src/components/MessageInfo.vue b/src/components/MessageInfo.vue
index 057ff7558ccef498adbddf8a63d33d022a9f7f5d..3996dc9de95d967afa14deee2d063ddf3dfeddf0 100644
--- a/src/components/MessageInfo.vue
+++ b/src/components/MessageInfo.vue
@@ -2,7 +2,6 @@
   <transition name="fadeDownUp">
     <div
       v-if="messages && messages.length > 0"
-      id="content"
       class="row over-content"
     >
       <div class="fourteen wide column">
diff --git a/src/store/index.js b/src/store/index.js
index 3836a3d2d6310ba1af371f563f9764cfcd21a6c2..6def4d63334533a704be681ce0cde6ed4a144582 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -76,8 +76,8 @@ export default new Vuex.Store({
     },
     DISPLAY_MESSAGE(state, message) {
       state.messages = [message, ...state.messages];
-      if (document.getElementById('content')) {
-        document.getElementById('content').scrollIntoView({ block: 'start', inline: 'nearest' });
+      if (document.getElementById('app-content')) {
+        document.getElementById('app-content').scrollIntoView({ block: 'start', inline: 'nearest' });
       }
       setTimeout(() => {
         state.messages = [];