From 39ef6d10ff354324dd54ad0c7722a0381f761d10 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Wed, 3 Sep 2025 10:49:47 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20fix=20display=20bug=20?=
 =?UTF-8?q?on=20homepage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A section in the homepage was not displaying
correctly anymore. This commit fixes the issue.
---
 CHANGELOG.md                                                    | 1 +
 src/frontend/apps/impress/src/components/Box.tsx                | 2 +-
 .../apps/impress/src/features/home/components/HomeSection.tsx   | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 672f4847..6eed33d2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -37,6 +37,7 @@ and this project adheres to
 - 🐛(frontend) fix base64 font #1324
 - 🐛(backend) allow editor to delete subpages #1296
 - 🐛(frontend) fix dnd conflict with tree and Blocknote #1328
+- 🐛(frontend) fix display bug on homepage #1332
 
 ## [3.5.0] - 2025-07-31
 
diff --git a/src/frontend/apps/impress/src/components/Box.tsx b/src/frontend/apps/impress/src/components/Box.tsx
index 448a0090..618a1d29 100644
--- a/src/frontend/apps/impress/src/components/Box.tsx
+++ b/src/frontend/apps/impress/src/components/Box.tsx
@@ -51,7 +51,7 @@ export const Box = styled('div')<BoxProps>`
   ${({ $cursor }) => $cursor && `cursor: ${$cursor};`}
   ${({ $direction }) => `flex-direction: ${$direction || 'column'};`}
   ${({ $display, as }) =>
-    `display: ${$display || as?.match('span|input') ? 'inline-flex' : 'flex'};`}
+    `display: ${$display || (as?.match('span|input') ? 'inline-flex' : 'flex')};`}
   ${({ $flex }) => $flex && `flex: ${$flex};`}
   ${({ $gap }) => $gap && `gap: ${$gap};`}
   ${({ $height }) => $height && `height: ${$height};`}
diff --git a/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx b/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx
index 467edc94..3e6ae79d 100644
--- a/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx
+++ b/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx
@@ -126,6 +126,7 @@ export const HomeSection = ({
             {title}
           </Text>
           <Text
+            as="div"
             $variation="700"
             $weight="400"
             $size={isSmallMobile ? 'ml' : 'md'}