diff --git a/src/fragments/lib/auth/js/enable_sign_in_sign_up.mdx b/src/fragments/lib/auth/js/enable_sign_in_sign_up.mdx
index bc648f39b30..4bf8a00a71c 100644
--- a/src/fragments/lib/auth/js/enable_sign_in_sign_up.mdx
+++ b/src/fragments/lib/auth/js/enable_sign_in_sign_up.mdx
@@ -137,11 +137,16 @@ Amplify.configure(amplifyconfig);
 export class AppModule {}
 ```
 
-Next, import the default theme inside __styles.css__:
-
-```css
-@import '~@aws-amplify/ui-angular/theme.css';
-````
+Next, import the default theme inside __angular.json__:
+
+```json title="angular.json"
+...
+    "styles": [
+      "node_modules/@aws-amplify/ui-angular/theme.css",
+      "src/styles.css"
+    ],
+...
+```
 
 Next, open __app.component.html__ and add the `amplify-authenticator` component.
 
diff --git a/src/pages/[platform]/build-a-backend/auth/connect-your-frontend/listen-to-auth-events/index.mdx b/src/pages/[platform]/build-a-backend/auth/connect-your-frontend/listen-to-auth-events/index.mdx
index 559d2afc1a4..f44dddd490e 100644
--- a/src/pages/[platform]/build-a-backend/auth/connect-your-frontend/listen-to-auth-events/index.mdx
+++ b/src/pages/[platform]/build-a-backend/auth/connect-your-frontend/listen-to-auth-events/index.mdx
@@ -87,7 +87,7 @@ Hub.listen('auth', ({ payload }) => {
       console.log('failure while trying to resolve signInWithRedirect API.');
       break;
     case 'customOAuthState':
-      logger.info('custom state returned from CognitoHosted UI');
+      console.log('custom state returned from CognitoHosted UI');
       break;
   }
 });
diff --git a/src/pages/[platform]/build-a-backend/data/set-up-data/index.mdx b/src/pages/[platform]/build-a-backend/data/set-up-data/index.mdx
index 26542619284..2c66cdce02f 100644
--- a/src/pages/[platform]/build-a-backend/data/set-up-data/index.mdx
+++ b/src/pages/[platform]/build-a-backend/data/set-up-data/index.mdx
@@ -129,7 +129,7 @@ npm add aws-amplify
 ```
 </InlineFilter>
 
-<InlineFilter filters={["react", "angular", "javascript", "nextjs", "react-native"]}>
+<InlineFilter filters={["react", "javascript", "nextjs", "react-native"]}>
 
 In your app's entry point, typically **main.tsx** for React apps created using Vite, make the following edits:
 
@@ -142,6 +142,20 @@ Amplify.configure(outputs);
 
 </InlineFilter>
 
+
+<InlineFilter filters={[ "angular"]}>
+
+In your app's entry point, typically **main.ts** or **app.component.ts** for Angular apps created using Vite, make the following edits:
+
+```tsx title="src/main.ts"
+import { Amplify } from 'aws-amplify';
+import outputs from '../amplify_outputs.json';
+
+Amplify.configure(outputs);
+```
+
+</InlineFilter>
+
 <InlineFilter filters={["vue"]}>
 
 In your app's entry point, typically **main.ts** for Vue apps created using Vite, make the following edits:
diff --git a/src/pages/[platform]/start/quickstart/index.mdx b/src/pages/[platform]/start/quickstart/index.mdx
index 1ed865d11c5..c0f98b6b2e0 100644
--- a/src/pages/[platform]/start/quickstart/index.mdx
+++ b/src/pages/[platform]/start/quickstart/index.mdx
@@ -1085,7 +1085,7 @@ Call the `deleteTodo` function from the UI.
 Try out the deletion functionality now by starting the local dev server:
 
 ```bash title="Terminal" showLineNumbers={false}
-npm run start
+ng serve
 ```
 
 This should start a local dev server at http://localhost:4200.
@@ -1111,7 +1111,7 @@ import { TodosComponent } from './todos/todos.component';
 import { Amplify } from 'aws-amplify';
 import outputs from '../../amplify_outputs.json';
 // highlight-next-line
-import { AmplifyAuthenticatorModule, AuthenticatorService } from '@aws-amplify/ui-angular';
+import { AmplifyAuthenticatorModule } from '@aws-amplify/ui-angular';
 
 Amplify.configure(outputs);
 
@@ -1125,11 +1125,9 @@ Amplify.configure(outputs);
 })
 export class AppComponent {
   title = 'amplify-angular-template';
-  // highlight-start
-  constructor(public authenticator: AuthenticatorService) {
-    Amplify.configure(outputs);
-  }
-  // highlight-end
+
+  constructor() { }
+
 }
 ```
 Update the application UI and include styles.