diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js
index 243f016..c9990b1 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js
@@ -1,10 +1,10 @@
-import { Button } from 'react-bootstrap';
 import { useEffect } from "react";
 import ItemList from "../components/ItemList";
 import { useState } from 'react';
 import Sorting from "../components/Sorting"
 import Filters from '../components/Filters';
 import { useLocation } from 'react-router-dom';
+import ResearchBar from "../components/ResearchBar";
 
 const Morceaux = () => {
 
@@ -21,6 +21,7 @@ const Morceaux = () => {
     useEffect(() => {
         document.title = 'Morceaux';
         setIsLoading(true);
+        setIsSearch(false);
 
 
         async function fetchData(isSearch) {
@@ -45,7 +46,7 @@ const Morceaux = () => {
         }
 
         setIsLoading(false);
-    }, []);
+    }, [state]);
 
     const handleNextItems = async () => {
 
@@ -107,6 +108,7 @@ const Morceaux = () => {
 
     return (
         <div className="morceaux" >
+            <ResearchBar />
             <div className="morceaux-options-container">
                 <div className='filters-container'>
                     <Filters onChange={handleFilters} />