diff --git a/sourcing/static/css/style.css b/sourcing/static/css/style.css
index 9e07097..8344d60 100644
--- a/sourcing/static/css/style.css
+++ b/sourcing/static/css/style.css
@@ -14,3 +14,7 @@ html, body {
 .btn {
   font-family: sans-serif;
 }
+
+.margin-bottom-zero {
+  margin-bottom: 0;
+}
diff --git a/sourcing/templates/view.html b/sourcing/templates/view.html
index f68611f..553ec37 100644
--- a/sourcing/templates/view.html
+++ b/sourcing/templates/view.html
@@ -66,11 +66,11 @@
   <p>Revision as of {{ version.modified.strftime('%H:%M, %d %B %Y') }}</p>
 {% endif %}
 
-<div class="card mb-2" id="text">
+<div class="card mb-2 px-2" id="text">
 <div class="card-block">
 {% if span_length %}
   {%- for start, line in add_highlight(text, span_start, span_length) if line -%}
-    <p class="card-text" data-start="{{ start }}">
+  <p class="card-text{% if line.0.text.startswith('-') %} margin-bottom-zero{% endif %}" data-start="{{ start }}">
       {% for i in line %}
         {%- if i.highlight -%}
           {%- if i.highlight != '\n' and i.highlight != '\r\n' -%}
@@ -86,7 +86,7 @@
   {%- for start, line in iter_lines(text) if line != '\r\n' -%}
     {# <p data-start="{{ start }}">{% if line != "\n" and line != "\r\n" %}{{ line }}{% else %}&nbsp;{% endif
 %}</p>#}
-    <p data-start="{{ start }}">{{ nbsp_at_start(line) }}</p>
+    <p class="card-text{% if line.startswith('-') %} margin-bottom-zero{% endif %}" data-start="{{ start }}">{{ nbsp_at_start(line) }}</p>
   {%- endfor -%}
 {% endif %}
 </div>