From 1490520627f74d46230bcc550a90980d58bed4c7 Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Tue, 2 Jun 2026 16:51:19 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20use=20semantic?=
 =?UTF-8?q?=20<p>=20elements=20in=20document=20info=20card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wrap role and last-update text in DocHeaderInfo with <p>.
---
 CHANGELOG.md                                                | 1 +
 .../features/docs/doc-header/components/DocHeaderInfo.tsx   | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index eace8fb083..cd5e7db098 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -23,6 +23,7 @@ and this project adheres to
 - ♻️(frontend) move doc action buttons to fix toolbar #2360
 - ♿️(frontend) add aria-hidden to decorative avatar SVGs in share modal #2324
 - 🏗️(frontend) move comments to its own folder feature #2374
+- ♿️(frontend) use semantic <p> elements in document info card #2379
 
 ### Fixed
 
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx
index 8de22bd4a4..02d9318d68 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx
@@ -40,19 +40,21 @@ export const DocHeaderInfo = ({ doc }: DocHeaderInfoProps) => {
   }
 
   return (
-    <Box $direction="row">
+    <Box $direction="row" $align="center">
       <Text
+        as="p"
         $variation="tertiary"
         $size="s"
         $weight="bold"
         $theme={isEditable ? 'neutral' : 'warning'}
         $direction="row"
+        $margin="0"
       >
         <VisibilityDoc doc={doc} />
         {transRole(isEditable ? doc.user_role || doc.link_role : Role.READER)}
         &nbsp;·&nbsp;
       </Text>
-      <Text $variation="tertiary" $size="s">
+      <Text as="p" $variation="tertiary" $size="s" $margin="0">
         {dateToDisplay}
       </Text>
     </Box>