diff --git a/frontend/src/views/NoteEditorView.vue b/frontend/src/views/NoteEditorView.vue
index 507c4ac..41bae00 100644
--- a/frontend/src/views/NoteEditorView.vue
+++ b/frontend/src/views/NoteEditorView.vue
@@ -476,7 +476,19 @@ onUnmounted(() => window.removeEventListener("beforeunload", onBeforeUnload));
   align-items: center;
 }
 .btn-back {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.45rem 1rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: none;
+  color: var(--color-text-secondary);
   text-decoration: none;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+.btn-back:hover {
+  border-color: var(--color-primary);
   color: var(--color-primary);
 }
 .btn-save {
diff --git a/frontend/src/views/NoteViewerView.vue b/frontend/src/views/NoteViewerView.vue
index 11eb71a..12c34c6 100644
--- a/frontend/src/views/NoteViewerView.vue
+++ b/frontend/src/views/NoteViewerView.vue
@@ -197,7 +197,20 @@ async function convertToTask() {
 }
 .btn-back,
 .btn-edit {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.45rem 1rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: none;
+  color: var(--color-text-secondary);
   text-decoration: none;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+.btn-back:hover,
+.btn-edit:hover {
+  border-color: var(--color-primary);
   color: var(--color-primary);
 }
 .btn-convert {
diff --git a/frontend/src/views/TaskEditorView.vue b/frontend/src/views/TaskEditorView.vue
index eb2212f..74a5b70 100644
--- a/frontend/src/views/TaskEditorView.vue
+++ b/frontend/src/views/TaskEditorView.vue
@@ -525,7 +525,19 @@ onUnmounted(() => window.removeEventListener("beforeunload", onBeforeUnload));
   align-items: center;
 }
 .btn-back {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.45rem 1rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: none;
+  color: var(--color-text-secondary);
   text-decoration: none;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+.btn-back:hover {
+  border-color: var(--color-primary);
   color: var(--color-primary);
 }
 .btn-save {
diff --git a/frontend/src/views/TaskViewerView.vue b/frontend/src/views/TaskViewerView.vue
index 418688e..436cbb6 100644
--- a/frontend/src/views/TaskViewerView.vue
+++ b/frontend/src/views/TaskViewerView.vue
@@ -227,7 +227,20 @@ function onTagClick(tag: string) {
 }
 .btn-back,
 .btn-edit {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.45rem 1rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: none;
+  color: var(--color-text-secondary);
   text-decoration: none;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+.btn-back:hover,
+.btn-edit:hover {
+  border-color: var(--color-primary);
   color: var(--color-primary);
 }
 .btn-convert {