diff --git a/Frontend/src/components/FarmList.jsx b/Frontend/src/components/FarmList.jsx
index fdadb42..651e70d 100644
--- a/Frontend/src/components/FarmList.jsx
+++ b/Frontend/src/components/FarmList.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import Td from "./Td";
-import Laoder from "./Laoder";
+import Loader from "./Loader";
 
 const FarmList = () => {
   const [data, setData] = useState([]);
@@ -19,7 +19,7 @@ const FarmList = () => {
   return (
     <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
       {loading ? (
-        <Laoder></Laoder>
+        <Loader></Loader>
       ) : (
         <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
           <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">