src/components/TermsAndConditionsCard.tsx

@@ -32,7 +32,7 @@ const TermsAndConditionsCard = ({ handleAccept, handleRoleChange }: { handleAcce
   };
 
   return (
-    <Paper elevation={3} style={{ padding: '2rem', marginTop: '2rem', display: isHidden ? "none" : "block" }}>
+    <Paper elevation={3} sx={{ padding: 2, marginTop: 2, display: isHidden ? "none" : "block", marginBottom: 3 }} >
       <FormControl component="fieldset">
         <FormLabel component="legend">Select your role</FormLabel>
         <RadioGroup

src/pages/OnboardingSuccess.tsx

@@ -83,8 +83,8 @@ const OnboardingSuccess = () => {
       sx={{
         display: "flex",
         flexDirection: "column",
-        marginTop: "100px",
+        marginTop: 6,
-        gap: "10px",
+        gap: 1,
       }}
     >
       <Typography variant="h5">Transaction Successful</Typography>
@@ -96,6 +96,7 @@ const OnboardingSuccess = () => {
           backgroundColor: "lightgray",
           padding: 3,
           wordWrap: "break-word",
+          marginBottom: 6,
         }}
       >
         <pre style={{ whiteSpace: "pre-wrap", margin: 0 }}>
@@ -110,6 +111,7 @@ const OnboardingSuccess = () => {
           )}
         </pre>
       </Box>
+      <Typography variant="h5">KYC Status</Typography>
       {!loading && token && (
         <SumsubWebSdk
           accessToken={token}

src/pages/SignWithCosmos.tsx

@@ -147,8 +147,8 @@ const SignWithCosmos = () => {
       sx={{
         display: "flex",
         flexDirection: "column",
-        marginY: "100px",
+        marginTop: 6,
-        gap: "10px",
+        gap: 1,
       }}
     >
       <Typography variant="h5" display={`${isTncAccepted ? "none" : "block"}`}>Please accept terms and conditions to continue</Typography>
@@ -190,7 +190,10 @@ const SignWithCosmos = () => {
         </pre>
       </Box>
 
-      <Box>
+      <Box
+        sx={{
+          paddingBottom: 2,
+        }}>
         <LoadingButton
           variant="contained"
           onClick={async () => {

src/pages/SignWithNitroKey.tsx

@@ -75,11 +75,11 @@ const SignWithNitroKey = () => {
     <div>
       {session ? (
         <Box
-          style={{
+          sx={{
             display: "flex",
             flexDirection: "column",
-            marginTop: "100px",
+            marginTop: 6,
-            gap: "10px",
+            gap: 1,
           }}
         >
           <Typography variant="h5">Sign with Nitro key</Typography>
@@ -130,7 +130,7 @@ const SignWithNitroKey = () => {
               variant="contained"
               onClick={signEth}
               disabled={!Boolean(ethAddress)}
-              style={{ marginTop: "20px" }}
+              sx={{ marginTop: 2 }}
               loading={isLoading}
             >
               Sign using Nitro key

src/pages/UserVerification.tsx

@@ -69,6 +69,9 @@ const UserVerification = () => {
       if ((payload as EventPayload<'idCheck.onApplicantStatusChanged'>).reviewStatus === 'pending') {
         setApplicationSubmitted(true);
       }
+      if ((payload as any).reviewResult.reviewAnswer === 'GREEN') {
+        setApplicationSubmitted(true);
+      }
     }
   };
 
@@ -78,8 +81,8 @@ const UserVerification = () => {
         sx={{
           display: "flex",
           flexDirection: "column",
-          marginTop: "100px",
+          marginTop: 12,
-          gap: "10px",
+          gap: 1,
         }}
       >
         <Typography variant="h5">User verification</Typography>