diff --git a/_static/accounting.css b/_static/accounting.css
index 250779522..e2cf85156 100644
--- a/_static/accounting.css
+++ b/_static/accounting.css
@@ -98,6 +98,10 @@
     }
 }
 
+.journal-entries .entries-listing p {
+    font-style: italic;
+}
+
 #reconciliation #example div.buttons {
     display: flex;
     justify-content: center;
diff --git a/_static/entries.js b/_static/entries.js
index d92a459c1..59f6fa6e7 100644
--- a/_static/entries.js
+++ b/_static/entries.js
@@ -100,15 +100,24 @@
             if (!this.props.items || this.props.items.isEmpty()) {
                 return React.DOM.div();
             }
+            var items = this.props.items, epilog = Immutable.List();
+            var idx = items.indexOf(null);
+            if (idx !== -1) {
+                epilog = items.slice(idx+1);
+                items = items.take(idx);
+            }
             return React.DOM.div(
-                null,
+                {className: 'entries-listing'},
                 React.DOM.h4(null, this.props.heading, ':'),
                 React.DOM.ul(
                     null,
-                    this.props.items.map(function (item, index) {
+                    items.map(function (item, index) {
                         return React.DOM.li({key: index}, item);
                     })
-                )
+                ),
+                epilog.map(function (item, index) {
+                    return React.DOM.p({key: index}, item);
+                })
             );
         }
     });