diff --git a/todoist_backup_template.html b/todoist_backup_template.html
index 65179ee..71a57b4 100644
--- a/todoist_backup_template.html
+++ b/todoist_backup_template.html
@@ -13,16 +13,16 @@
         nav a:hover { text-decoration: underline; }
         .project { margin-bottom: 3em; }
         .task-list { margin: 0 0 1em 0; }
-        .task { border-bottom: 1px solid #eee; padding: 0.75em 0; }
+        .task { border-bottom: 1px solid #eee; padding: 0 0 0.75em; }
         .task:last-child { border-bottom: none; }
         .task.level-0 { margin-left: 0; }
         .task.level-1 { margin-left: 1.5em; }
         .task.level-2 { margin-left: 3em; }
         .task.level-3 { margin-left: 4.5em; }
-        .taskname { font-weight: 600; }
-        .taskdesc { margin: 0.35em 0; color: #555; }
+        .task-name { font-weight: 600; }
+        .task-desc { margin: 0.35em 0; color: #555; }
         .meta { color: #777; font-size: 0.9em; display: inline-block; margin-top: 0.25em; }
-        .field-name { font-weight: 600; }
+        .field-name { font-style: italic; }
         .attachments ul,
         .comments ul { margin: 0.5em 0 0 1.2em; }
         .attachments li,
@@ -31,7 +31,8 @@
         .attachment-link:hover { text-decoration: underline; }
         .comments { margin-top: 0.5em; }
         .comment-attachment { margin-top: 0.25em; }
-        .task.completed { background: #f3f6ff; padding: 0.75em; border-radius: 6px; border: 1px solid #d6e2ff; }
+        .task.completed { background: #f3f6ff; padding: 0.75em; border-radius: 6px; margin-bottom: 0.75em; }
+        .task.completed .task-name p { margin-top: 0; }
     </style>
 </head>
 <body>
@@ -40,9 +41,9 @@
 
     {% macro render_task(task, level=0) %}
     <div class="task level-{{ level }}">
-        <div class="taskname">{{ task.content | markdown | safe }}</div>
+        <div class="task-name">{{ task.content | markdown | safe }}</div>
         {% if task.description %}
-        <div class="taskdesc">{{ task.description | markdown | safe }}</div>
+        <div class="task-desc">{{ task.description | markdown | safe }}</div>
         {% endif %}
         <span class="meta">
             {% set meta_fields = [] %}
@@ -146,9 +147,9 @@
         <div class="task-list">
             {% for task in project.completed_tasks %}
             <div class="task completed">
-                <span class="task-name">{{ task.content | markdown | safe }}</span><br>
+                <div class="task-name">{{ task.content | markdown | safe }}</div>
                 {% if task.description %}
-                <div class="taskdesc">{{ task.description | markdown | safe }}</div>
+                <div class="task-desc">{{ task.description | markdown | safe }}</div>
                 {% endif %}
                 <span class="meta">
                     {% set meta_fields = [] %}
