diff --git a/src/client/theme-default/components/VPDocFooterLastUpdated.vue b/src/client/theme-default/components/VPDocFooterLastUpdated.vue
index 38cfa3a39ef..6fef75cde52 100644
--- a/src/client/theme-default/components/VPDocFooterLastUpdated.vue
+++ b/src/client/theme-default/components/VPDocFooterLastUpdated.vue
@@ -2,18 +2,17 @@
 import { ref, computed, watchEffect, onMounted } from 'vue'
 import { useData } from '../composables/data'
 
-const { theme, page } = useData()
+const { theme, page, lang } = useData()
 
 const date = computed(() => new Date(page.value.lastUpdated!))
 const isoDatetime = computed(() => date.value.toISOString())
 const datetime = ref('')
 
-// set time on mounted hook because the locale string might be different
-// based on end user and will lead to potential hydration mismatch if
-// calculated at build time
+// set time on mounted hook to avoid hydration mismatch due to
+// potential differences in timezones of the server and clients
 onMounted(() => {
   watchEffect(() => {
-    datetime.value = date.value.toLocaleString(window.navigator.language)
+    datetime.value = date.value.toLocaleString(lang.value)
   })
 })
 </script>