diff --git a/src/scenes/Shop/fragments/ShoppingItems.tsx b/src/scenes/Shop/fragments/ProductList.tsx
similarity index 99%
rename from src/scenes/Shop/fragments/ShoppingItems.tsx
rename to src/scenes/Shop/fragments/ProductList.tsx
index 9536a37..ff46041 100644
--- a/src/scenes/Shop/fragments/ShoppingItems.tsx
+++ b/src/scenes/Shop/fragments/ProductList.tsx
@@ -26,7 +26,7 @@ import FlexBetween from '../../../components/FlexBetween';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
 
-const ShoppingItems = () => {
+const ProductList = () => {
   const classes = useStyles();
   const theme = useTheme();
   const [hoveredCard, setHoveredCard] = useState<string | null>(null);
@@ -215,4 +215,4 @@ const ShoppingItems = () => {
   );
 };
 
-export default ShoppingItems;
+export default ProductList;
diff --git a/src/scenes/Shop/index.tsx b/src/scenes/Shop/index.tsx
index db145a3..781fc74 100644
--- a/src/scenes/Shop/index.tsx
+++ b/src/scenes/Shop/index.tsx
@@ -1,13 +1,13 @@
 import { Box } from '@mui/material';
 import Header from '../../components/Header';
-import ShoppingItems from './fragments/ShoppingItems';
+import ProductList from './fragments/ProductList';
 import Banner from '../../components/Banner';
 
 const Shop = () => {
   return (
     <>
       <Header title='Shop' location='Home' location1='Shop' />
-      <ShoppingItems />
+      <ProductList />
       <Banner />
       {/* <Box sx={{ border: '1px solid #000', display: 'flex', justifyContent: 'center ' }}></Box> */}
     </>