diff --git a/remarkbox/static/css/common.css b/remarkbox/static/css/common.css
index 013398f..a6e25d0 100644
--- a/remarkbox/static/css/common.css
+++ b/remarkbox/static/css/common.css
@@ -415,6 +415,14 @@ form.node-action {
   margin-bottom: 35px;
 }
 
+.thread {
+  margin-top: 2rem;
+}
+
+.no-comments {
+  margin-top: 2rem;
+}
+
 .remark-box-div {
   display: none;
   overflow: hidden;
diff --git a/remarkbox/templates/show-node.j2 b/remarkbox/templates/show-node.j2
index 2e47d9b..c0fc52a 100644
--- a/remarkbox/templates/show-node.j2
+++ b/remarkbox/templates/show-node.j2
@@ -177,15 +177,15 @@
 </div>
 
 {%- else -%}
+<div class="no-comments">
 <center>
-<br/>
-<br/>
 {% if request.namespace.no_nodes_text %}
-<strong class="no-nodes-text">{{ request.namespace.no_nodes_text }}</span></strong>
+<strong class="no-nodes-text">{{ request.namespace.no_nodes_text }}</strong>
 {% else %}
 <strong class="no-nodes-text">Leave first comment to <span class="avoidwrap">start a conversation!</span></strong>
 {% endif %}
 </center>
+</div>
 {% endif %}
 
 {% endblock %}