diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/Inventaire.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/Inventaire.js
index 0ddeb95..5376223 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/Inventaire.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/Inventaire.js
@@ -7,8 +7,10 @@ const Inventaire = () => {
 
     const [morceaux, setMorceaux] = useState([]);
     const [isFormvisible, setFormVisibility] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
 
     useEffect(() => {
+        document.title = 'Inventaire';
         async function fetchData() {
             const response = await fetch(`https://localhost:7292/api/Inventory?all=true`);
             const json = await response.json();
@@ -16,7 +18,7 @@ const Inventaire = () => {
                 setMorceaux([...json]);
         }
         fetchData();
-        document.title = 'Inventaire';
+        setIsLoading(false);
     }, []);
 
     const handleAddItem = async (morceau) => {
@@ -101,6 +103,7 @@ const Inventaire = () => {
 
             </header>
             {isFormvisible && <Ajouter onCreation={handleAddItem}></Ajouter>}
+            {isLoading && <div className="cat-load" />}
             {morceaux.length > 0 ?
                 (<SimpleItemList simpleItems={morceaux}
                     onDelete={handleDeleteItem}