diff --git a/src/components/items/AllItemsContainer.jsx b/src/components/items/AllItemsContainer.jsx
index bff7fec91..e7fc0d832 100644
--- a/src/components/items/AllItemsContainer.jsx
+++ b/src/components/items/AllItemsContainer.jsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 import { Link } from "react-router-dom";
 import ItemContainer from "./ItemContainer";
 import DropDownList from "./DropDownList";
-import PageNation from "./PageNation";
+import Pagination from "./Pagination";
 import { getProducts } from "../../core/api";
 import useFetch from "../../lib/hooks/useFetch";
 import countPageItems from "../../lib/utils/countPageItems";
@@ -59,7 +59,7 @@ function AllItemsContainer() {
           ))}
         </div>
       </section>
-      <PageNation
+      <Pagination
         currentPage={page}
         totalPages={totalPages}
         onPageChange={setPage}
diff --git a/src/components/items/PageNation.jsx b/src/components/items/Pagination.jsx
similarity index 92%
rename from src/components/items/PageNation.jsx
rename to src/components/items/Pagination.jsx
index 6abb8a265..a881b1e26 100644
--- a/src/components/items/PageNation.jsx
+++ b/src/components/items/Pagination.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-function PageNation({ currentPage, onPageChange, totalPages }) {
+function Pagination({ currentPage, onPageChange, totalPages }) {
   const handlePageChange = (page) => {
     if (page >= 1 && page <= totalPages) {
       onPageChange(page);
@@ -48,4 +48,4 @@ function PageNation({ currentPage, onPageChange, totalPages }) {
   );
 }
 
-export default PageNation;
+export default Pagination;