From 65883ecac7bf6dd79180eab9da2dcfe9c4c2314a Mon Sep 17 00:00:00 2001
From: shea-maykinmedia <shea.meyers@maykinmedia.nl>
Date: Mon, 7 Jun 2021 13:20:29 +0200
Subject: [PATCH] :lipstick: Style title and step title correctly

---
 src/Summary.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/Summary.js b/src/Summary.js
index db6c719e6..77a749a53 100644
--- a/src/Summary.js
+++ b/src/Summary.js
@@ -83,12 +83,12 @@ const Summary = ({ submission, onConfirm, onShowStep }) => {
 
   return (
     <form onSubmit={onSubmit}>
-      <h2>Controleer en bevestig</h2>
-
+      <h1 className="openforms-title">Controleer en bevestig</h1>
       {value && value.map((step, index) => (
+
         <Fragment key={index}>
           <div style={{display: 'flex', alignItems: 'baseline', justifyContent: 'space-between'}}>
-            <h3>{step.title}</h3>
+            <h3 className="openforms-caption">{step.title}</h3>
             <Button variant="anchor" component="a" onClick={_ => onShowStep(step.submissionStep)}>
               Wijzig {step.title.toLocaleLowerCase()}
             </Button>
@@ -97,7 +97,6 @@ const Summary = ({ submission, onConfirm, onShowStep }) => {
             form={step.configuration}
             submission={step.data}
             options={{renderMode: 'html', template: 'overview'}}
-            // options={{renderMode: 'html'}}
           />
         </Fragment>
       ))}