diff --git a/examples/sb-theme-example/src/pages/404.tsx b/examples/sb-theme-example/src/pages/404.tsx
index 209cd25..dbf20ec 100644
--- a/examples/sb-theme-example/src/pages/404.tsx
+++ b/examples/sb-theme-example/src/pages/404.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-const NotFond = () => {
+const NotFound = () => {
   return (
     <>
       <h1>404</h1>
@@ -8,4 +8,4 @@ const NotFond = () => {
   )
 }
 
-export default NotFond
+export default NotFound
diff --git a/examples/ui-theme-example/src/pages/404.tsx b/examples/ui-theme-example/src/pages/404.tsx
index 209cd25..dbf20ec 100644
--- a/examples/ui-theme-example/src/pages/404.tsx
+++ b/examples/ui-theme-example/src/pages/404.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-const NotFond = () => {
+const NotFound = () => {
   return (
     <>
       <h1>404</h1>
@@ -8,4 +8,4 @@ const NotFond = () => {
   )
 }
 
-export default NotFond
+export default NotFound