diff --git a/docs/docs/react/usage.mdx b/docs/docs/react/usage.mdx
index f0c0419..a8c223d 100644
--- a/docs/docs/react/usage.mdx
+++ b/docs/docs/react/usage.mdx
@@ -10,7 +10,7 @@ Use the following steps to use the Nx React SVG Loaders in your React project.
 
 Import selected `Nx{SELECTED}Loader` component into your component or module and then use with `<Nx{SELECTED}Loader>` tag.
 
-```tsx title="app.tsx"
+```tsx title="App.tsx"
 import { useState } from "react";
 
 // highlight-next-line
@@ -40,7 +40,7 @@ const App = (props: IAppProps) => {
 You can set custom color to the loader by passing `style.color` prop to the loader component or any parent element.
 SVG loader will inherit the color from the parent element with `currentColor` value.
 
-```tsx title="app.tsx"
+```tsx title="App.tsx"
 // highlight-next-line
 import { NxOvalLoader } from "@ngeenx/nx-react-svg-loaders";