diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.css b/src/renderer/components/watch-video-comments/watch-video-comments.css
index 6a8aa47647f71..9da563ac891ef 100644
--- a/src/renderer/components/watch-video-comments/watch-video-comments.css
+++ b/src/renderer/components/watch-video-comments/watch-video-comments.css
@@ -17,16 +17,18 @@
   color: var(--title-color);
 }
 
-.commentsTitle,
-.getMoreComments {
-  padding-bottom: 1em;
+.noCommentMsg {
   padding-top: 1em;
-}
+  padding-bottom: 1em;
 
-.center {
   text-align: center;
 }
 
+.commentsTitle {
+  padding-bottom: 1em;
+  padding-top: 1em;
+}
+
 .commentSort {
   float: right;
 }
@@ -36,10 +38,6 @@
   position: relative;
 }
 
-.comment:last-child {
-  padding-bottom: 0;
-}
-
 .hideComments {
   font-size: 13px;
   text-decoration: underline;
@@ -166,6 +164,8 @@
 }
 
 .getMoreComments {
+  padding-bottom: 1em;
+
   text-align: center;
   text-decoration: underline;
   cursor: pointer;
diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.vue b/src/renderer/components/watch-video-comments/watch-video-comments.vue
index 43d76bcce9e99..8d9e40611c414 100644
--- a/src/renderer/components/watch-video-comments/watch-video-comments.vue
+++ b/src/renderer/components/watch-video-comments/watch-video-comments.vue
@@ -233,7 +233,7 @@
     <div
       v-else-if="showComments && !isLoading"
     >
-      <h3 class="center">
+      <h3 class="noCommentMsg">
         {{ $t("There are no comments available for this video") }}
       </h3>
     </div>