Updated styles on Pwd Recovery page

app/web/src/layouts/MainLayout/MainLayout.js

@@ -91,7 +91,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
     }
   }, [hash, client])
   return (
-    <div>
+    <div className="min-h-screen flex flex-col">
       <header id="cadhub-main-header">
         <nav className="flex justify-between h-16 px-4 bg-ch-gray-900">
           <ul className="flex items-center">
@@ -197,7 +197,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
         open={isLoginModalOpen}
         onClose={() => setIsLoginModalOpen(false)}
       />
-      <main>{children}</main>
+      <main className="flex-grow bg-ch-gray-800">{children}</main>
       {!shouldRemoveFooterInIde && <Footer />}
     </div>
   )

app/web/src/pages/AccountRecoveryPage/AccountRecoveryPage.js

@@ -31,14 +31,14 @@ const AccountRecoveryPage = () => {
       />
 
       <section className="max-w-md mx-auto mt-20">
-        <h2 className="text-xl text-indigo-500 pb-4">Send recovery email</h2>
+        <h2 className="text-xl text-ch-gray-300 pb-4">Send recovery email</h2>
         <Form onSubmit={onSubmit}>
           <div
             className="grid items-center gap-2"
             style={{ gridTemplateColumns: 'auto 1fr' }}
           >
-            <span className="capitalize text-gray-500 text-sm align-middle my-3">
+            <span className="capitalize text-ch-gray-300 text-sm">
-              email:
+              email
             </span>
             <InputTextForm
               className="text-xl"
@@ -52,7 +52,7 @@ const AccountRecoveryPage = () => {
               }}
             />
           </div>
-          <Submit className="bg-indigo-200 text-indigo-800 p-2 px-4 shadow hover:shadow-lg mt-4 rounded">
+          <Submit className="mt-4 bg-ch-purple-400 bg-opacity-50 hover:bg-opacity-80 text-ch-gray-300 flex bg-gray-200 h-10 flex-shrink-0 justify-center items-center px-4 rounded">
             Send email
           </Submit>
         </Form>