         }
     }
 
+    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: 70)
+                    Spacer(minLength: 64)
                     Text(LocalizedStrings.title)
-                        .font(.largeTitle)
-                        .bold()
+                        .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(minLength: 8)
+                    Spacer().frame(height: 0)
                     NotificationsCenterOnboardingRowView(theme: theme, image: .filter, header: LocalizedStrings.filterTitle, message: LocalizedStrings.filterMessage)
-                    Spacer(minLength: 8)
+                    Spacer().frame(height: 0)
                     NotificationsCenterOnboardingRowView(theme: theme, image: .inbox, header: LocalizedStrings.inboxTitle, message: LocalizedStrings.inboxMessage)
-                    Spacer(minLength: 8)
+                    Spacer().frame(height: 0)
                     NotificationsCenterOnboardingRowView(theme: theme, image: .push, header: LocalizedStrings.pushTitle, message: LocalizedStrings.pushMessage)
                 }
                 .padding(sizeClassPadding)

    var header: String
    var message: String

    // MARK: - Content

    var body: some View {

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