diff --git a/src/modules/record/components/RecordResume.vue b/src/modules/record/components/RecordResume.vue
index 79a3f97..45399fb 100644
--- a/src/modules/record/components/RecordResume.vue
+++ b/src/modules/record/components/RecordResume.vue
@@ -8,7 +8,8 @@ const props = defineProps<{
   totalEstimation: number
 }>()
 
-const { duration } = useTaskRecordMetadata(props.record)
+const record = computed(() => props.record)
+const { duration } = useTaskRecordMetadata(record)
 
 const isSuperiorToEstimation = computed(() => {
   if (!duration.value) {
@@ -32,8 +33,3 @@ const isSuperiorToEstimation = computed(() => {
     </p>
   </div>
 </template>
-
-<style scoped lang="scss">
-.record-resume {
-}
-</style>
diff --git a/src/modules/record/hooks/useTaskRecordMetadata.ts b/src/modules/record/hooks/useTaskRecordMetadata.ts
index b1adae4..0a8cf16 100644
--- a/src/modules/record/hooks/useTaskRecordMetadata.ts
+++ b/src/modules/record/hooks/useTaskRecordMetadata.ts
@@ -1,19 +1,20 @@
 import type { Recordable } from '@/modules/record/interfaces/recordable'
 import { formatDiffInMinutes } from '@/shared/format-date'
-import { computed, isRef, type Ref } from 'vue'
+import { toValue } from '@vueuse/core'
+import { computed, type ComputedRef } from 'vue'
 
 export const useTaskRecordMetadata = (
-  record: Recordable | Ref<Recordable | null>
+  record: ComputedRef<Recordable | null>
 ) => {
   const taskDurations = computed(() => {
-    const recordValue = isRef(record) ? record.value : record
+    const recordValue = toValue(record)
 
     if (!recordValue?.end) {
       return []
     }
 
     const finishedTaskDurations = Object.values(recordValue.stepRecords)
-      .filter((record) => !!record.end)
+      .filter((r) => !!r.end)
       .map((record) => formatDiffInMinutes(record.start, record.end!))
 
     return finishedTaskDurations