diff --git a/internal/web/static/style.css b/internal/web/static/style.css
index 060d4a1..87b4027 100644
--- a/internal/web/static/style.css
+++ b/internal/web/static/style.css
@@ -86,8 +86,12 @@ table.tally .muted { color: #bbb; }
 /* Recent lists + tabs + pager. */
 p.tabs a.active { font-weight: 700; text-decoration: none; color: #137333; }
 ul.recent { list-style: none; padding: 0; }
-ul.recent li { padding: .5rem 0; border-bottom: 1px solid #eee; }
-ul.recent small { color: #555; }
+ul.recent li { padding: .35rem 0; border-bottom: 1px solid #eee; font-size: .92rem; }
+ul.recent .amt { font-weight: 600; }
+ul.recent .meta { color: #333; }
+ul.recent .atts { margin-left: .15rem; }
+ul.recent .atts a { text-decoration: none; }
+ul.recent .when { color: #999; font-size: .8rem; margin-left: .35rem; }
 p.pager { margin-top: 1rem; }
 
 .err {
diff --git a/internal/web/templates/recent.html b/internal/web/templates/recent.html
index 8749329..e36d472 100644
--- a/internal/web/templates/recent.html
+++ b/internal/web/templates/recent.html
@@ -15,10 +15,10 @@
 <ul class="recent">
   {{range .Rows}}
   <li>
-    <a href="/receipt/{{.ID}}/file" target="_blank">${{.Amount}}</a>
-    · {{.Date}} · {{.Category}}{{if .Who}} · {{.Who}}{{end}}
-    <br><small>{{.Filename}} — uploaded {{.When}}</small>
-    {{if .Attachments}}<br><small>attachments: {{range $i, $a := .Attachments}}{{if $i}}, {{end}}<a href="/attachment/{{$a.ID}}/file" target="_blank">{{$a.Filename}}</a>{{end}}</small>{{end}}
+    <a class="amt" href="/receipt/{{.ID}}/file" target="_blank">${{.Amount}}</a>
+    <span class="meta">{{.Date}} · {{.Category}}{{if .Who}} · {{.Who}}{{end}}</span>
+    {{if .Attachments}}<span class="atts">{{range .Attachments}}<a href="/attachment/{{.ID}}/file" target="_blank" title="{{.Filename}}">📎</a>{{end}}</span>{{end}}
+    <span class="when">{{.When}}</span>
   </li>
   {{end}}
 </ul>