diff --git a/apps/web/examples/progress/progress.circular.tsx b/apps/web/examples/progress/progress.circular.tsx
index 42bea1ad6..54cf1f57a 100644
--- a/apps/web/examples/progress/progress.circular.tsx
+++ b/apps/web/examples/progress/progress.circular.tsx
@@ -12,10 +12,10 @@ export function Component() {
 `;
 
 const codeRSC = `
-import { Progress } from "flowbite-react";
+import { ProgressCircular } from "flowbite-react";
 
 export function Component() {
-  return <Progress.Circular progress={45} />;
+  return <ProgressCircular progress={45} />;
 }
 `;
 
diff --git a/apps/web/examples/progress/progress.circularWithText.tsx b/apps/web/examples/progress/progress.circularWithText.tsx
index ff6069833..91c19e1da 100644
--- a/apps/web/examples/progress/progress.circularWithText.tsx
+++ b/apps/web/examples/progress/progress.circularWithText.tsx
@@ -7,20 +7,20 @@ const code = `
 import { Progress } from "flowbite-react";
 
 export function Component() {
-  return <Progress.Circular progress={45} textLabel="45%" />;
+  return <Progress.Circular progress={45} labelText textLabel="45%" />;
 }
 `;
 
 const codeRSC = `
-import { Progress } from "flowbite-react";
+import { ProgressCircular } from "flowbite-react";
 
 export function Component() {
-  return <Progress.Circular progress={45} textLabel="45%" />;
+  return <ProgressCircular progress={45} labelText textLabel="45%" />;
 }
 `;
 
 export function Component() {
-  return <Progress.Circular progress={45} textLabel="45%" />;
+  return <Progress.Circular progress={45} labelText textLabel="45%" />;
 }
 
 export const circularProgressWithText: CodeData = {