diff --git a/Frontend/src/components/FarmList.jsx b/Frontend/src/components/FarmList.jsx
index 60821fe..fdadb42 100644
--- a/Frontend/src/components/FarmList.jsx
+++ b/Frontend/src/components/FarmList.jsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import Td from "./Td";
+import Laoder from "./Laoder";
 
 const FarmList = () => {
   const [data, setData] = useState([]);
@@ -18,7 +19,7 @@ const FarmList = () => {
   return (
     <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
       {loading ? (
-        <div>Loading...</div>
+        <Laoder></Laoder>
       ) : (
         <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">