diff --git a/web-ui/src/components/library.rs b/web-ui/src/components/library.rs
index e1a467f..d2abcae 100644
--- a/web-ui/src/components/library.rs
+++ b/web-ui/src/components/library.rs
@@ -347,7 +347,8 @@ pub fn Library() -> impl IntoView {
                                 <div class="relative group">
                                     {is_upload.then(|| view! {
                                         <button class="absolute top-1.5 right-1.5 z-[2] w-7 h-7 rounded-[7px] \
-                                            border-0 bg-red-600/90 text-white text-base leading-none cursor-pointer \
+                                            inline-flex items-center justify-center \
+                                            border-0 bg-red-600/90 text-white cursor-pointer \
                                             opacity-0 transition-opacity duration-150 group-hover:opacity-100 hover:bg-red-600"
                                             title="Delete upload"
                                             on:click=move |_| confirm.set(Some((
@@ -355,7 +356,7 @@ pub fn Library() -> impl IntoView {
                                                  from the device on its next sync.".into(),
                                                 Pending::DeleteBook(id),
                                             )))>
-                                            "\u{00D7}"
+                                            <span class="w-4 h-4 bg-current ico-trash"></span>
                                         </button>
                                     })}
                                     <div class="relative aspect-[2/3] bg-elev2 border border-border rounded-field \
@@ -367,13 +368,14 @@ pub fn Library() -> impl IntoView {
                                         } else {
                                             view! { <span class="p-3 text-center text-[13px] text-faint">{title.clone()}</span> }.into_any()
                                         }}
-                                        <button class="absolute bottom-1.5 left-1.5 z-[2] inline-flex items-center \
-                                            rounded-[7px] border-0 bg-black/70 text-white text-[11px] font-[550] \
-                                            px-2 py-1 cursor-pointer opacity-0 transition-opacity duration-150 \
+                                        <button class="absolute bottom-1.5 left-1.5 z-[2] w-7 h-7 rounded-[7px] \
+                                            inline-flex items-center justify-center \
+                                            border-0 bg-black/70 text-white cursor-pointer \
+                                            opacity-0 transition-opacity duration-150 \
                                             group-hover:opacity-100 hover:bg-black/85"
                                             title="Edit book"
                                             on:click=move |_| book_edit.set(Some(edit_book.clone()))>
-                                            "Edit"
+                                            <span class="w-4 h-4 bg-current ico-pen"></span>
                                         </button>
                                     </div>
                                     <p class="text-sm font-[550] leading-tight truncate" title=title.clone()>{title.clone()}</p>
diff --git a/web-ui/tailwind.css b/web-ui/tailwind.css
index adfc7c7..4fd7004 100644
--- a/web-ui/tailwind.css
+++ b/web-ui/tailwind.css
@@ -76,3 +76,11 @@
   -webkit-mask: var(--ico) center / contain no-repeat;
   mask: var(--ico) center / contain no-repeat;
 }
+
+/* Pencil/edit glyph as a mask (Feather "edit-2"). Use as
+   `class="w-4 h-4 bg-current ico-pen"`. */
+@utility ico-pen {
+  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E");
+  -webkit-mask: var(--ico) center / contain no-repeat;
+  mask: var(--ico) center / contain no-repeat;
+}