diff --git a/src/pages/how-amplify-works.mdx b/src/pages/how-amplify-works.mdx
index 8584f14ef1f..2e6729722c3 100644
--- a/src/pages/how-amplify-works.mdx
+++ b/src/pages/how-amplify-works.mdx
@@ -34,14 +34,16 @@ The CLI will display prompts to configure your schema and choose either GraphQL
 Then access your API from your frontend code, for example, in a to-do list app that uses GraphQL:
 
 ```javascript
-`import`` ``{`` API ``}`` ``from`` ``'aws-amplify'`;
+import { API } from 'aws-amplify';
 import { listTodos } from './graphql/queries';
 
-const result = await API.graphql(graphqlOperation(listTodos));
+const result = await API.graphql({
+  query: listTodos
+);
 console.log(result);
 ```
 
-Learn more about [Amplify data.](https://docs.amplify.aws/cli/graphql/overview/)
+Learn more about [Amplify Data.](https://docs.amplify.aws/cli/graphql/overview/)
 
 ### Authentication