diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index f8a6ac7..e576505 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -15,11 +15,16 @@ export const Login = () => {
   return (
     <SpaceBetween size="s" alignItems={"center"}>
       <Header>Login</Header>
-      <Input value={userName} onChange={(e) => setUserName(e.detail.value)} />
+      <Input
+        value={userName}
+        onChange={(e) => setUserName(e.detail.value)}
+        placeholder="User"
+      />
       <Input
         type="password"
         value={password}
         onChange={(e) => setPassword(e.detail.value)}
+        placeholder="Password"
       />
       <Checkbox
         checked={rememberMe}
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
index e12a20b..8139118 100644
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -61,16 +61,22 @@ export const Register = () => {
   return (
     <SpaceBetween size="s" alignItems={"center"}>
       <Header>Register</Header>
-      <Input value={userName} onChange={(e) => setUserName(e.detail.value)} />
+      <Input
+        value={userName}
+        onChange={(e) => setUserName(e.detail.value)}
+        placeholder="User name"
+      />
       <Input
         type="password"
         value={password}
         onChange={(e) => setPassword(e.detail.value)}
+        placeholder="Password"
       />
       <Input
         type="password"
         value={passwordConfirm}
         onChange={(e) => setPasswordConfirm(e.detail.value)}
+        placeholder="Confirm password"
       />
 
       {passwordErrors.map((error) => (