diff --git a/src/components/Login/EmailLoginForm.tsx b/src/components/Login/EmailLoginForm.tsx
index 59e1ae0e0..e74e5c816 100644
--- a/src/components/Login/EmailLoginForm.tsx
+++ b/src/components/Login/EmailLoginForm.tsx
@@ -130,7 +130,7 @@ const EmailLoginForm: FunctionComponent<{}> = () => {
         autoComplete="email"
         required
         className="block w-full appearance-none rounded-lg border border-gray-300 px-3 py-2 shadow-sm  outline-none transition duration-150 ease-in-out placeholder:text-gray-400 focus:ring-2 focus:ring-black focus:ring-offset-1"
-        placeholder="Enter you email"
+        placeholder="john@example.com"
         value={email}
         onChange={(e) => setEmail(String((e.target as any).value))}
       />
diff --git a/src/components/Login/EmailSignupForm.tsx b/src/components/Login/EmailSignupForm.tsx
index 51af3327e..6191dab52 100644
--- a/src/components/Login/EmailSignupForm.tsx
+++ b/src/components/Login/EmailSignupForm.tsx
@@ -63,7 +63,7 @@ const EmailSignupForm: FunctionComponent<{}> = () => {
         autoComplete="name"
         required
         className="block w-full appearance-none rounded-lg border border-gray-300 px-3 py-2 shadow-sm  outline-none transition duration-150 ease-in-out placeholder:text-gray-400 focus:ring-2 focus:ring-black focus:ring-offset-1"
-        placeholder="Enter you name"
+        placeholder="John Doe"
         value={name}
         onChange={(e) => setName(String((e.target as any).value))}
       />
@@ -77,7 +77,7 @@ const EmailSignupForm: FunctionComponent<{}> = () => {
         autoComplete="email"
         required
         className="mt-2 block w-full appearance-none rounded-lg border border-gray-300 px-3 py-2 shadow-sm  outline-none transition duration-150 ease-in-out placeholder:text-gray-400 focus:ring-2 focus:ring-black focus:ring-offset-1"
-        placeholder="Enter you email"
+        placeholder="john@example.com"
         value={email}
         onChange={(e) => setEmail(String((e.target as any).value))}
       />
diff --git a/src/components/Login/GoogleLogin.astro b/src/components/Login/GoogleLogin.astro
index 215de41af..cedf352ad 100644
--- a/src/components/Login/GoogleLogin.astro
+++ b/src/components/Login/GoogleLogin.astro
@@ -7,7 +7,7 @@ import Spinner from '../Spinner.astro';
   class='inline-flex h-10 w-full items-center justify-center rounded border border-slate-300 bg-white p-2 text-sm font-medium text-black outline-none transition duration-150 ease-in-out focus:ring-2 focus:ring-[#333] focus:ring-offset-1 disabled:opacity-60'
   id='google-login-button'
 >
-  <Spinner class='text-black hidden' data-google-login-spinner />
+  <Spinner class='hidden text-black' data-google-login-spinner />
   <div class='flex items-center' data-google-text>
     <Icon icon='google' />
     <span class='ml-2'>Continue with Google</span>
@@ -20,7 +20,7 @@ import Spinner from '../Spinner.astro';
   import Cookies from 'js-cookie';
   import { TOKEN_COOKIE_NAME } from '../../lib/utils';
   const googleLoginButton = document.getElementById('google-login-button');
-  const googleLoginSpinner = document.getElementById(
+  const googleLoginSpinner = document.querySelector(
     '[data-google-login-spinner]'
   );
   const googleLoginText = document.querySelector('[data-google-text]');
diff --git a/src/components/Profile/ForgotPasswordForm.tsx b/src/components/Profile/ForgotPasswordForm.tsx
index 4ce43160a..690c10a6c 100644
--- a/src/components/Profile/ForgotPasswordForm.tsx
+++ b/src/components/Profile/ForgotPasswordForm.tsx
@@ -81,7 +81,7 @@ export default function ForgotPasswordForm() {
         id="email"
         className="mt-2 block w-full appearance-none rounded-lg border border-gray-300 px-3 py-2 shadow-sm outline-none transition duration-150 ease-in-out placeholder:text-gray-400 focus:ring-2 focus:ring-black focus:ring-offset-1"
         required
-        placeholder="arik@roadmap.sh"
+        placeholder="john@example.com"
         value={email}
         onChange={(e) => setEmail((e.target as HTMLInputElement).value)}
       />