diff --git a/docs/pages/getting-started/providers/credentials.mdx b/docs/pages/getting-started/providers/credentials.mdx
index bf9240e237..a02a3a3c9c 100644
--- a/docs/pages/getting-started/providers/credentials.mdx
+++ b/docs/pages/getting-started/providers/credentials.mdx
@@ -47,9 +47,9 @@ import Credentials from "@auth/sveltekit/providers/credentials"
 export const { handle, signIn, signOut } = SvelteKitAuth({
   providers: [
     Credentials({
-      credentials: {
-        username: { label: "Username" },
-        password: { label: "Password", type: "password" },
+     credentials: {
+        username: { label: "Username", placeholder: "username" },
+        password: { label: "Password", type: "password", placeholder: "password" },
       },
       async authorize({ request }) {
         const response = await fetch(request)