🐛(frontend) fix display bug on homepage

A section in the homepage was not displaying correctly anymore. This commit fixes the issue.

Author: AntoLC

CHANGELOG.md

@@ -36,6 +36,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
 

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};`}

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'}