diff --git a/template/index.html b/template/index.html
index 8ab0bc5..a841247 100644
--- a/template/index.html
+++ b/template/index.html
@@ -219,6 +219,7 @@
                 </b-popover>
             </div>
             <div v-if="itemSelected"
+                 ref="content"
                  class="content px-4 pt-3 pb-5 border-top overflow-auto"
                  :style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}">
                 <h3>{{itemSelectedDetails.title}}</h3>
diff --git a/template/static/javascripts/app.js b/template/static/javascripts/app.js
index d84edd8..3dacb87 100644
--- a/template/static/javascripts/app.js
+++ b/template/static/javascripts/app.js
@@ -243,6 +243,9 @@ var vm = new Vue({
         this.itemSelectedDetails = null
         return
       }
+      if (this.$refs.content) {
+        this.$refs.content.scrollTop = 0
+      }
       this.itemSelectedDetails = this.itemsById[newVal]
       if (this.itemSelectedDetails.status == 'unread') {
         this.itemSelectedDetails.status = 'read'