diff --git a/en/asgardeo/docs/quick-starts/react.md b/en/asgardeo/docs/quick-starts/react.md
index 0d4b122e6a..9964d68ee7 100644
--- a/en/asgardeo/docs/quick-starts/react.md
+++ b/en/asgardeo/docs/quick-starts/react.md
@@ -114,7 +114,7 @@ Add the following changes to the `main.jsx` file.
     - `<your-app-client-id>`
     - `https://api.asgardeo.io/t/<your-organization-name>`
 
-```javascript hl_lines="5 9-17 19"
+```javascript title="src/main.jsx" hl_lines="5 9-17 19"
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
@@ -144,7 +144,7 @@ Asgardeo provides `useAuthContext` hook to conveniently access user authenticati
 
 Replace the existing content of the `App.jsx` file with following content.
 
-```javascript hl_lines="1 5 9-13"
+```javascript title="src/App.jsx"  hl_lines="1 5 9-13"
 import { useAuthContext } from '@asgardeo/auth-react'
 import './App.css'
 
@@ -175,7 +175,7 @@ Visit your app's homepage at [http://localhost:5173](http://localhost:5173).
 
 Modify the code as below to see logged in user details.
 
-```javascript hl_lines="11"
+```javascript title="src/App.jsx" hl_lines="11"
 import { useAuthContext } from '@asgardeo/auth-react'
 import './App.css'