#RI-4934 - [FE] Add more information to the provider selection step

Author: egor-zalenski

redisinsight/ui/src/components/oauth/oauth-select-plan/OAuthSelectPlan.tsx

@@ -158,12 +158,13 @@ const OAuthSelectPlan = () => {
     <EuiModal className={styles.container} onClose={handleOnClose} data-testid="oauth-select-plan-dialog">
       <EuiModalBody className={styles.modalBody}>
         <section className={styles.content}>
-          <EuiText className={styles.subTitle}>
-            Redis Enterprise Cloud
-          </EuiText>
           <EuiTitle size="s">
-            <h2 className={styles.title}>Select cloud vendor</h2>
+            <h2 className={styles.title}>Choose a cloud vendor</h2>
           </EuiTitle>
+          <EuiText className={styles.subTitle}>
+            Select a cloud vendor and region to complete the final step towards
+            your free Redis database. No credit card is required.
+          </EuiText>
           <section className={styles.providers}>
             { OAuthProviders.map(({ icon, id, label }) => (
               <div className={styles.provider} key={id}>

redisinsight/ui/src/components/oauth/oauth-select-plan/styles.module.scss

@@ -8,11 +8,11 @@
 .title {
   font-size: 28px !important;
   color: var(--htmlColor) !important;
+  padding-top: 16px;
 }
 
 .subTitle {
-  padding-top: 24px;
-  padding-bottom: 8px;
+  padding: 24px 40px 0;
   font-size: 14px !important;
 }