diff --git a/layout/_partial/widgets/toc.ejs b/layout/_partial/widgets/toc.ejs
index 57fe2c7..a7942a2 100644
--- a/layout/_partial/widgets/toc.ejs
+++ b/layout/_partial/widgets/toc.ejs
@@ -55,11 +55,13 @@ function layoutDiv(fallback) {
   el += icon('default:upup')
   el += `<span>${__('btn.top')}</span>`
   el += `</a>`
-  if (page.comments) {
-    el += `<a class="buttom" onclick="util.scrollComment()">`
-    el += icon('default:tocomment')
-    el += `<span>${__('btn.comments')}</span>`
-    el += `</a>`
+  if (theme.comments.service && theme.comments.service.length > 0) {
+    if (page.comments == undefined || page.comments != false) {
+      el += `<a class="buttom" onclick="util.scrollComment()">`
+      el += icon('default:tocomment')
+      el += `<span>${__('btn.comments')}</span>`
+      el += `</a>`
+    }
   }
   el += `</div>`
   el += `</widget>`
diff --git a/source/css/_components/partial/article-banner.styl b/source/css/_components/partial/article-banner.styl
index 3690b3e..a08752d 100644
--- a/source/css/_components/partial/article-banner.styl
+++ b/source/css/_components/partial/article-banner.styl
@@ -13,7 +13,7 @@
 .article.banner .content
   .top
     align-items: flex-start
-    margin: 1rem 'calc(1rem - 4px)'
+    margin: 1rem calc(1rem - 4px)
   .title
     font-size: $fsh1
     color: var(--text-banner)