diff --git a/_includes/comments/disqus.html b/_includes/comments/disqus.html
index 02a536727..e59ed37dd 100644
--- a/_includes/comments/disqus.html
+++ b/_includes/comments/disqus.html
@@ -1,6 +1,6 @@
 <!-- The Disqus lazy loading. -->
 
-<div id="disqus_thread" class="mb-5">
+<div id="disqus_thread">
   <p class="text-center text-muted small">Comments powered by <a href="https://disqus.com/">Disqus</a>.</p>
 </div>
 
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 2eb5f1481..cae3fcb28 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -1121,7 +1121,7 @@ search {
   }
 }
 
-/* --- main wrapper --- */
+/* --- basic wrappers --- */
 
 #main-wrapper {
   position: relative;
@@ -1135,6 +1135,16 @@ search {
   @include ml-mr(0);
 }
 
+#tail-wrapper {
+  > :not(script) {
+    margin-top: 3rem;
+  }
+
+  > :only-child {
+    margin-top: 0;
+  }
+}
+
 /* --- button back-to-top --- */
 
 #back-to-top {
diff --git a/_sass/addon/variables.scss b/_sass/addon/variables.scss
index 780a3ef2f..011976cbb 100644
--- a/_sass/addon/variables.scss
+++ b/_sass/addon/variables.scss
@@ -14,7 +14,6 @@ $search-max-width: 200px !default;
 $footer-height: 5rem !default;
 $footer-height-large: 6rem !default; /* screen width: < 850px */
 $main-content-max-width: 1250px !default;
-$bottom-min-height: 35rem !default;
 $base-radius: 0.5rem !default;
 $back2top-size: 2.75rem !default;
 
diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
index 75ef97d7c..ebc258240 100644
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@@ -346,21 +346,13 @@ h1 + .post-meta {
   }
 }
 
-#tail-wrapper {
-  min-height: 2rem;
+/* stylelint-disable-next-line selector-id-pattern */
+#disqus_thread {
+  min-height: 8.5rem;
+}
 
-  > *:not(:last-child) {
-    margin-top: 3rem;
-  }
-
-  > *:nth-last-child(2) {
-    margin-bottom: 3rem;
-  }
-
-  /* stylelint-disable-next-line selector-id-pattern */
-  #disqus_thread {
-    min-height: 8.5rem;
-  }
+.utterances {
+  max-width: 100%;
 }
 
 %btn-share-hovor {