diff --git a/frontend/src/components/NoteCard.vue b/frontend/src/components/NoteCard.vue
index 71599f5..6d073d2 100644
--- a/frontend/src/components/NoteCard.vue
+++ b/frontend/src/components/NoteCard.vue
@@ -105,11 +105,12 @@ function cardClass(color: NoteColor): string {
       </span>
     </div>
 
-    <!-- Toolbar overlays the card's bottom-right on hover/focus instead of
-         reserving a permanent row — so at rest the card is content-sized with
-         even padding, not text pinned to the top above an empty strip. -->
+    <!-- Toolbar overlays the card's top-right on hover/focus as a floating pill
+         (window-control style) instead of reserving a permanent row — so at rest
+         the card is content-sized with even padding, not text pinned to the top
+         above an empty strip. -->
     <div
-      class="pointer-events-none absolute bottom-1.5 right-1.5 flex items-center gap-0.5 rounded-lg bg-white/85 p-0.5 opacity-0 shadow-sm ring-1 ring-black/5 backdrop-blur-sm transition focus-within:pointer-events-auto focus-within:opacity-100 group-hover:pointer-events-auto group-hover:opacity-100 dark:bg-neutral-900/85 dark:ring-white/10"
+      class="pointer-events-none absolute right-1.5 top-1.5 flex items-center gap-0.5 rounded-full bg-white/85 p-0.5 opacity-0 shadow-sm ring-1 ring-black/5 backdrop-blur-sm transition focus-within:pointer-events-auto focus-within:opacity-100 group-hover:pointer-events-auto group-hover:opacity-100 dark:bg-neutral-900/85 dark:ring-white/10"
     >
       <template v-if="note.trashed">
         <button type="button" class="icon-btn" title="Restore" aria-label="Restore" @click="notes.restore(note.id)">