diff --git a/packages/app/src/domain/topical/components/topical-header.tsx b/packages/app/src/domain/topical/components/topical-header.tsx
index b4f3744af7..48cf7e1ebd 100644
--- a/packages/app/src/domain/topical/components/topical-header.tsx
+++ b/packages/app/src/domain/topical/components/topical-header.tsx
@@ -5,17 +5,22 @@ import { PortableTextEntry } from '@sanity/block-content-to-react';
import { fontSizes } from '~/style/theme';
interface TopicalHeaderProps {
- title: string;
- description: PortableTextEntry[];
+ title?: string;
+ description?: PortableTextEntry[];
}
export const TopicalHeader = ({ title, description }: TopicalHeaderProps) => {
+ if (!title && !description) {
+ return null;
+ }
return (
- {title}
-
-
-
+ {title && {title}}
+ {description && (
+
+
+
+ )}
);
};
diff --git a/packages/app/src/pages/index.tsx b/packages/app/src/pages/index.tsx
index 64b9d5bb21..1dface2249 100644
--- a/packages/app/src/pages/index.tsx
+++ b/packages/app/src/pages/index.tsx
@@ -112,9 +112,12 @@ const Home = (props: StaticProps) => {
paddingX={{ _: space[3], sm: space[4] }}
maxWidth={TOPICAL_SEVERITY_INDICATOR_TILE_MAX_WIDTH}
>
-
+
+
+
+
{currentSeverityLevelTexts && (