fixed reg page to match log-in page

Author: Shivani-07

src/Components/Pages/RegisterPage/RegisterForm.js

@@ -7,7 +7,7 @@ export class RegisterForm extends React.Component {
     render(){
     return(
         <>
-        <section className='regiser'>
+        <section className='bg-purple-400 p-6'>
         <div id="registerform">
             <FormHeader title="Register" />
             <Form />
@@ -36,8 +36,8 @@ const Form = props => (
 );
 
 const FormButton = props => (
-<div id="button" class="row">
-    <button>{props.title}</button>
+<div id="button" className="flex justify-center items-center my-4">
+    <button className="bg-purple-500 px-2 py-1 text-white rounded-full w-48 text-white">{props.title}</button>
 </div>
 );
 
@@ -49,7 +49,7 @@ const FormInput = props => (
 );
 
 const LoginButton = props => (
-    <div class="switchText">
+    <div className="switchText text-center text-gray-500">
         Already have an account?
         <Link to="/">
             Click here to log in.