diff --git a/src/modules/record/components/TaskRecord.vue b/src/modules/record/components/TaskRecord.vue
index c830412..e211f6b 100644
--- a/src/modules/record/components/TaskRecord.vue
+++ b/src/modules/record/components/TaskRecord.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useTaskStore } from '@/modules/task/stores/useTask.store'
 import { formatLongDate } from '@/shared/format-date'
+import { useLoopyTitle } from '@/shared/useLoopyTitle'
 import { computed } from 'vue'
 import { useTaskRecordMetadata } from '../hooks/useTaskRecordMetadata'
 import { useTaskRecordStore } from '../stores/useTaskRecordStore'
@@ -20,6 +21,8 @@ recordStore.addRecord(props.taskId, props.recordId)
 
 const task = computed(() => taskStore.getTask(props.taskId))
 
+useLoopyTitle(task.value?.title ?? '')
+
 const record = computed(() => recordStore.getTaskRecord(props.recordId))
 const recordNotes = computed(() => recordStore.getRecordNotes(props.recordId))
 const { duration } = useTaskRecordMetadata(record)
diff --git a/src/shared/useLoopyTitle.ts b/src/shared/useLoopyTitle.ts
new file mode 100644
index 0000000..4c8221c
--- /dev/null
+++ b/src/shared/useLoopyTitle.ts
@@ -0,0 +1,16 @@
+import { useTitle } from '@vueuse/core'
+import { onUnmounted } from 'vue'
+
+export const useLoopyTitle = (title: string) => {
+  if (title) {
+    useTitle(title, {
+      titleTemplate: '%s | Loopycode'
+    })
+  } else {
+    useTitle('Loopycode')
+  }
+
+  onUnmounted(() => {
+    useTitle('Loopycode')
+  })
+}