diff --git a/packages/amplify-ui-components/src/components/amplify-email-field/__snapshots__/amplify-email-field.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-email-field/__snapshots__/amplify-email-field.spec.ts.snap
index 3cc37385668..2c806f14f80 100644
--- a/packages/amplify-ui-components/src/components/amplify-email-field/__snapshots__/amplify-email-field.spec.ts.snap
+++ b/packages/amplify-ui-components/src/components/amplify-email-field/__snapshots__/amplify-email-field.spec.ts.snap
@@ -11,7 +11,7 @@ exports[`amplify-email-field spec: Render logic -> should render \`placeholder\`
 exports[`amplify-email-field spec: Render logic -> should render default values by default 1`] = `
 <amplify-email-field>
   <mock:shadow-root>
-    <amplify-form-field fieldid="email" label="Email Address *" placeholder="amplify@example.com" type="email"></amplify-form-field>
+    <amplify-form-field fieldid="email" label="Email Address *" placeholder="Enter your email address" type="email"></amplify-form-field>
   </mock:shadow-root>
 </amplify-email-field>
 `;
diff --git a/packages/amplify-ui-components/src/components/amplify-input/amplify-input.tsx b/packages/amplify-ui-components/src/components/amplify-input/amplify-input.tsx
index faface49020..d19a9d6b202 100644
--- a/packages/amplify-ui-components/src/components/amplify-input/amplify-input.tsx
+++ b/packages/amplify-ui-components/src/components/amplify-input/amplify-input.tsx
@@ -32,7 +32,7 @@ export class AmplifyInput {
           id={this.fieldId}
           aria-describedby={this.fieldId && this.description ? `${this.fieldId}-description` : null}
           type={this.type}
-          onChange={event => this.handleInputChange(event)}
+          onInput={event => this.handleInputChange(event)}
           placeholder={this.placeholder}
           name={this.name}
           class="input"