             Spacer().frame(width: 16)
             VStack(alignment: .leading) {
                 Text(header)
-                    .font(.subheadline)
-                    .bold()
+                    .font(Font(headerFont))
                     .foregroundColor(Color(theme.colors.primaryText))
                     .frame(maxWidth: .infinity, alignment: .topLeading)
                 Spacer().frame(height: 5)
                 Text(message)
-                    .font(.subheadline)
+                    .font(Font(bodyFont))
                     .foregroundColor(Color(theme.colors.secondaryText))
                     .frame(maxWidth: .infinity, alignment: .topLeading)
             }

                        dismissAction?()
                    }, label: {
                        Text(LocalizedStrings.continueButton)
                            .font(.body.bold())
                            .foregroundColor(continueButtonTextColor)
                            .padding()
                            .frame(maxWidth: .infinity)
                            .background(Color(theme.colors.link))
                            .cornerRadius(8)
                            .padding()
                    })
                    Spacer().frame(height: 8)
                    Button(LocalizedStrings.learnMoreButton) {
                        userDidTapLearnMore()
                    }
                        .font(.body.weight(.semibold))
                        .foregroundColor(Color(theme.colors.link))
                    Spacer().frame(height: 18)
                }

        }
    }

    private let titleFont = UIFont.wmf_scaledSystemFont(forTextStyle: .body, weight: .bold, size: 28)
    private let primaryButtonFont = UIFont.wmf_scaledSystemFont(forTextStyle: .body, weight: .semibold, size: 17)
    private let secondaryButtonFont = UIFont.wmf_scaledSystemFont(forTextStyle: .body, weight: .medium, size: 17)

    // MARK: - Content

    var body: some View {
        Group {
            ScrollView() {
                VStack {
                    Spacer(minLength: 64)
                    Text(LocalizedStrings.title)
                        .font(Font(titleFont))
                        .multilineTextAlignment(.center)
                        .foregroundColor(Color(theme.colors.primaryText))
                    Spacer(minLength: 50)
                    NotificationsCenterOnboardingRowView(theme: theme, image: .notificationsAndAlerts, header: LocalizedStrings.notificationsAlertsTitle, message: LocalizedStrings.notificationsAlertsMessage)
                    Spacer().frame(height: 0)
                    NotificationsCenterOnboardingRowView(theme: theme, image: .filter, header: LocalizedStrings.filterTitle, message: LocalizedStrings.filterMessage)
                    Spacer().frame(height: 0)
                    NotificationsCenterOnboardingRowView(theme: theme, image: .inbox, header: LocalizedStrings.inboxTitle, message: LocalizedStrings.inboxMessage)
                    Spacer().frame(height: 0)
                    NotificationsCenterOnboardingRowView(theme: theme, image: .push, header: LocalizedStrings.pushTitle, message: LocalizedStrings.pushMessage)
                }
                .padding(sizeClassPadding)
