diff --git a/template/index.html b/template/index.html
index 130bfc9..f7f98b1 100644
--- a/template/index.html
+++ b/template/index.html
@@ -165,7 +165,7 @@
         </div>
         <!-- item show -->
         <div class="vh-100 d-flex flex-column w-100" style="min-width: 0;">
-            <div class="toolbar pl-2 d-flex align-items-center" v-if="itemSelected">
+            <div class="toolbar px-2 d-flex align-items-center" v-if="itemSelected">
                 <button class="toolbar-item"
                         @click="toggleItemStarred(itemSelectedDetails)"
                         v-b-tooltip.hover.bottom="'Mark Starred'">
@@ -226,6 +226,10 @@
                         </div>
                     </div>
                 </b-popover>
+                <div class="flex-grow-1"></div>
+                <button class="toolbar-item" @click="itemSelected=null" v-b-tooltip.hover.bottom="'Close Article'">
+                    <span class="icon">{% inline "x.svg" %}</span>
+                </button>
             </div>
             <div v-if="itemSelected"
                  ref="content"