🐛(frontend) fix display bug on homepage

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

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
 

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