diff --git a/apps/docs/pages/about.mdx b/apps/docs/pages/about.mdx
index e66f2393..b437749a 100644
--- a/apps/docs/pages/about.mdx
+++ b/apps/docs/pages/about.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../components/Docs/Callout';
+import { Callout } from '../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 
diff --git a/apps/docs/pages/hooks/about.mdx b/apps/docs/pages/hooks/about.mdx
index 2f1809ca..e2677bad 100644
--- a/apps/docs/pages/hooks/about.mdx
+++ b/apps/docs/pages/hooks/about.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../../components/Docs/Callout';
+import { Callout } from '../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 
diff --git a/apps/docs/pages/hooks/getting-started.mdx b/apps/docs/pages/hooks/getting-started.mdx
index 15fa1bf9..15e13e62 100644
--- a/apps/docs/pages/hooks/getting-started.mdx
+++ b/apps/docs/pages/hooks/getting-started.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../../components/Docs/Callout';
+import { Callout } from '../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 
diff --git a/apps/docs/pages/hooks/getting-started/installation.mdx b/apps/docs/pages/hooks/getting-started/installation.mdx
index 4e0b5472..654c03c8 100644
--- a/apps/docs/pages/hooks/getting-started/installation.mdx
+++ b/apps/docs/pages/hooks/getting-started/installation.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../../../components/Docs/Callout';
+import { Callout } from '../../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 <Callout type="warning">Package is not yet published on npm.</Callout>
diff --git a/apps/docs/pages/hooks/hooks.mdx b/apps/docs/pages/hooks/hooks.mdx
index 4c250759..46f5ec32 100644
--- a/apps/docs/pages/hooks/hooks.mdx
+++ b/apps/docs/pages/hooks/hooks.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../../components/Docs/Callout';
+import { Callout } from '../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 
diff --git a/apps/docs/pages/ui/about.mdx b/apps/docs/pages/ui/about.mdx
index efae6549..aeefc6e2 100644
--- a/apps/docs/pages/ui/about.mdx
+++ b/apps/docs/pages/ui/about.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../../components/Docs/Callout';
+import { Callout } from '../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 
diff --git a/apps/docs/pages/ui/components.mdx b/apps/docs/pages/ui/components.mdx
index fde7bb87..f50fe56a 100644
--- a/apps/docs/pages/ui/components.mdx
+++ b/apps/docs/pages/ui/components.mdx
@@ -1,3 +1,3 @@
-import { Callout } from '../../components/Docs/Callout';
+import { Callout } from '../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
\ No newline at end of file
diff --git a/apps/docs/pages/ui/getting-started.mdx b/apps/docs/pages/ui/getting-started.mdx
index c05743d3..c39e8a2e 100644
--- a/apps/docs/pages/ui/getting-started.mdx
+++ b/apps/docs/pages/ui/getting-started.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../../components/Docs/Callout';
+import { Callout } from '../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 
diff --git a/apps/docs/pages/ui/getting-started/installation.mdx b/apps/docs/pages/ui/getting-started/installation.mdx
index 0cf6cc77..35863a86 100644
--- a/apps/docs/pages/ui/getting-started/installation.mdx
+++ b/apps/docs/pages/ui/getting-started/installation.mdx
@@ -1,4 +1,4 @@
-import { Callout } from '../../../components/Docs/Callout';
+import { Callout } from '../../../components/docs/Callout';
 
 <Callout type="warning">Docs for this section is under construction.</Callout>
 <Callout type="warning">Package is not yet published on npm.</Callout>