diff --git a/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx b/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx
index a3de0ea40..6ab083e6a 100644
--- a/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx
+++ b/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx
@@ -14,7 +14,11 @@ interface NavigationTitleProps {
export const NavigationTitle = ({ title, subtitle }: NavigationTitleProps) => {
return (
- {title}
+ {title && (
+
+ {title}
+
+ )}
{subtitle}
)
@@ -25,7 +29,7 @@ const styles = StyleSheet.create({
...Layout.center,
},
title: {
- ...fontSize.base,
+ ...fontSize.sm,
fontWeight: '500',
},
subtitle: { ...fontSize.xxs },
diff --git a/apps/skolplattformen-sthlm/components/newsItem.component.tsx b/apps/skolplattformen-sthlm/components/newsItem.component.tsx
index da3d8cfa8..aadda62ce 100644
--- a/apps/skolplattformen-sthlm/components/newsItem.component.tsx
+++ b/apps/skolplattformen-sthlm/components/newsItem.component.tsx
@@ -38,10 +38,7 @@ export const newsItemRouteOptions =
return {
...defaultStackStyling(darkMode),
headerCenter: () => (
-
+
),
headerLargeTitle: false,
}
@@ -58,6 +55,9 @@ export const NewsItem = ({ route }: NewsItemProps) => {
contentContainerStyle={styles.article}
style={styles.scrollView}
>
+
+ {newsItem.header}
+
{dateIsValid(newsItem.published) && (