feat(apps/web): Move icon inside heading.

cartesi · Jan 26, 2025 · 57853d1 · 57853d1
1 parent f423688
commit 57853d1
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/apps/web/src/components/layout/pageTitle.tsx b/apps/web/src/components/layout/pageTitle.tsx
@@ -9,8 +9,14 @@ interface PageTitleProps {
 const PageTitle: FC<PageTitleProps> = ({ title, Icon }) => {
     return (
         <Group mb="sm" data-testid="page-title">
-            <Icon size={40} />
-            <Title order={1}>{title}</Title>
+            <Title order={1} display="inline-flex">
+                <Icon
+                    size={40}
+                    aria-hidden
+                    style={{ marginRight: "0.5rem", marginTop: "0.215rem" }}
+                />
+                {title}
+            </Title>
         </Group>
     );
 };