diff --git a/ui/layouts/default.vue b/ui/layouts/default.vue
index e65c48f1..9b4829e5 100644
--- a/ui/layouts/default.vue
+++ b/ui/layouts/default.vue
@@ -139,9 +139,9 @@ onMounted(async () => {
       const s = useStateStore()
       useHead({ title: `YTPTube: ( ${Object.keys(s.queue).length || 0} | ${Object.keys(s.history).length || 0} )` })
       watch([s.queue, s.history], () => {
-        const title = `YTPTube: ( ${Object.keys(s.queue.length) || 0} | ${Object.keys(s.history.length) || 0} )`
+        const title = `YTPTube: ( ${Object.keys(s.queue).length || 0} | ${Object.keys(s.history).length || 0} )`
         useHead({ title })
-      })
+      }, { deep: true })
     }
     applyPreferredColorScheme(selectedTheme.value)
   } catch (e) {