diff --git a/src/components/Forms/SignIn.js b/src/components/Forms/SignIn.js
index b0f29dc1..425493d6 100644
--- a/src/components/Forms/SignIn.js
+++ b/src/components/Forms/SignIn.js
@@ -70,7 +70,7 @@ const SignInForm = () => (
 				// Sorted
 				autoComplete="username"
 				id="email"
-				placeholder="email@address.com"
+				placeholder="leonardo@codexapp.dev"
 				spellCheck={false}
 				type="text"
 			/>
@@ -84,7 +84,7 @@ const SignInForm = () => (
 				// Sorted
 				autoComplete="new-password"
 				id="password"
-				placeholder="••••••••••"
+				placeholder="••••••••"
 				spellCheck={false}
 				type="password"
 			/>
diff --git a/src/components/Forms/SignUp.js b/src/components/Forms/SignUp.js
index d9dbf3ea..d0cb586f 100644
--- a/src/components/Forms/SignUp.js
+++ b/src/components/Forms/SignUp.js
@@ -71,7 +71,7 @@ const SignUpForm = () => (
 				// Sorted
 				autoComplete="username"
 				id="email"
-				placeholder="email@address.com"
+				placeholder="leonardo@codexapp.dev"
 				spellCheck={false}
 				type="text"
 			/>
@@ -86,7 +86,7 @@ const SignUpForm = () => (
 				// Sorted
 				autoComplete="new-password"
 				id="password"
-				placeholder="••••••••••"
+				placeholder="••••••••"
 				spellCheck={false}
 				type="password"
 			/>
diff --git a/src/components/Nav/index.js b/src/components/Nav/index.js
index d36b2923..ed9ee2db 100644
--- a/src/components/Nav/index.js
+++ b/src/components/Nav/index.js
@@ -12,7 +12,7 @@ import { Link } from "react-router-dom"
 
 const MetaDropDownItem = ({ className, children }) => (
 	React.cloneElement(children, {
-		// NOTE: bg-md-blue-a400 is too dark
+		// px-4 py-2 flex flex-row items-center font-medium text-sm leading-5 text-gray-700 hover:text-gray-900 hover:bg-gray-100
 		className: trimSpaces(`${children.props.className}
 			px-4 py-2 flex flex-row items-center font-medium text-sm leading-5 text-gray-700 hover:text-white hover:bg-md-blue-a200
 				${className}`),