diff --git a/composables/page-header.ts b/composables/page-header.ts
index 8b98231c..d742adfc 100644
--- a/composables/page-header.ts
+++ b/composables/page-header.ts
@@ -4,7 +4,11 @@ const isDev = process.dev
 const isPreview = window.location.hostname.includes('deploy-preview')
 
 export function usePageHeader() {
+  const i18n = useI18n()
   useHead({
+    htmlAttrs: {
+      lang: () => i18n.locale.value,
+    },
     titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`,
     bodyAttrs: {
       class: 'overflow-x-hidden',