diff --git a/layout/_partial/sidebar/widgets/recent.ejs b/layout/_partial/sidebar/widgets/recent.ejs
index 14756ce..c4c6572 100644
--- a/layout/_partial/sidebar/widgets/recent.ejs
+++ b/layout/_partial/sidebar/widgets/recent.ejs
@@ -18,17 +18,18 @@ function layoutDiv() {
   });
   el += '<div class="widget-body fs14">';
   arr.sort("updated", -1).limit(item.limit).each(function(post) {
-    el += '<div class="post-title reveal">';
+    el += '<div class="line"></div>'
+    el += '<a class="reveal" href="' + url_for(post.link || post.path) + '">';
     el += '<div class="cap">';
     el += '<time>' + date(post.updated, config.date_format) + '</time>';
     el += '</div>';
-    el += '<a href="' + url_for(post.link || post.path) + '">';
+    el += '<span class="title">';
     if (post.wiki && (post.title.toUpperCase().includes(post.wiki.toUpperCase()) == false)) {
        el += post.wiki + ': ';
     }
     el += post.title;
+    el += '</span>';
     el += '</a>';
-    el += '</div>';
     el += '';
   });
   el += '</div>';
diff --git a/source/css/_layout/sidebar/sidebar.styl b/source/css/_layout/sidebar/sidebar.styl
index 8ab3f54..cdef169 100644
--- a/source/css/_layout/sidebar/sidebar.styl
+++ b/source/css/_layout/sidebar/sidebar.styl
@@ -140,3 +140,27 @@ nav.menu
         margin-bottom: 0.5em
         >a:hover
           text-decoration: underline
+  .widget-wrap#recent .widget-body
+    border: 1px solid var(--block-border)
+    border-radius: $border-block
+    background: var(--block)
+    overflow: hidden
+    .line
+      margin: 0
+      height: 1px
+      background: var(--block-border)
+      &+.line,&:first-child,&:last-child
+        display: none
+    >a
+      padding 0.5rem
+      display: block
+      line-height: 1.2
+      color: var(--text-p2)
+      font-weight: 500
+      div.cap
+        margin-bottom: 0.25rem
+        color: var(--text-p4)
+      &:hover
+        color: $color-hover
+        background: var(--card)
+