diff --git a/web/src/style/_layout.scss b/web/src/style/_layout.scss
index c24c345..5b99798 100644
--- a/web/src/style/_layout.scss
+++ b/web/src/style/_layout.scss
@@ -18,7 +18,7 @@ html, body {
   background: white;
 }
 
-#sidebar .stories, #mainpane .comments, #mainpane .reader {
+#sidebar .stories, #mainpane #comments, #mainpane .reader {
   overflow-y: auto;
   height: calc(100% - #{$topNavBarHeight});
 }
diff --git a/web/src/style/main.scss b/web/src/style/main.scss
index 16fa527..eebbfce 100644
--- a/web/src/style/main.scss
+++ b/web/src/style/main.scss
@@ -99,7 +99,7 @@ pre {
   }
 }
 
-.comments {
+#comments {
   background: $backgroundColorLighter;
 
   .kids .kids {
diff --git a/web/src/views/Comments.vue b/web/src/views/Comments.vue
index 4cb9680..c33346b 100644
--- a/web/src/views/Comments.vue
+++ b/web/src/views/Comments.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="comments">
+    <div id="comments">
         <Header :item="story"></Header>
         <comment v-if="!story.url" :item="story" :original-author="story.by" :text-post="true"></comment>
         <div v-if="loading">LOADING</div>
@@ -40,6 +40,11 @@ export default defineComponent({
               })
               .then(data => (this.story = data))
               .then(a => {
+                  const el = document.getElementById("comments");
+                  if (el) {
+                      console.log(el)
+                      el.scrollTop = 0
+                  }
                   this.loading = false;
                   document.title = this.story.title
               })