diff --git a/img/arrow_select_up.png b/img/arrow_select_up.png
new file mode 100644
index 0000000..5a60361
Binary files /dev/null and b/img/arrow_select_up.png differ
diff --git a/public/img/arrow_select_up.png b/public/img/arrow_select_up.png
new file mode 100644
index 0000000..5a60361
Binary files /dev/null and b/public/img/arrow_select_up.png differ
diff --git a/src/css/Components/sort.css b/src/css/Components/sort.css
index 9d4dad5..49ce3c8 100644
--- a/src/css/Components/sort.css
+++ b/src/css/Components/sort.css
@@ -37,7 +37,13 @@
                 background-position-y: center;
                 background-position-x: 16vw;
             }
-            
+
+            #unwoundMenu{
+                background: url("../../img/arrow_select_up.png") no-repeat;
+                background-size: 2.5vw;
+                background-position-y: center;
+                background-position-x: 16vw;
+            }
 
                 #sortSelect{
                     background: transparent;
diff --git a/src/img/arrow_select_up.png b/src/img/arrow_select_up.png
new file mode 100644
index 0000000..5a60361
Binary files /dev/null and b/src/img/arrow_select_up.png differ
diff --git a/src/js/Components/ArticlesByCategory.js b/src/js/Components/ArticlesByCategory.js
index 567d82d..c353cfa 100644
--- a/src/js/Components/ArticlesByCategory.js
+++ b/src/js/Components/ArticlesByCategory.js
@@ -16,10 +16,8 @@ class ArticlesByCategory extends React.Component {
     }
 
     componentDidUpdate(){
+        console.log(this.state.articles);
         
-        if (this.props.onSearch){
-        // implémenter une fonction de recherche en React sur articles
-        }
     }
 
     splitArticlesCategories = () => {
diff --git a/src/js/Components/Sort.js b/src/js/Components/Sort.js
index 54d20be..11c469b 100644
--- a/src/js/Components/Sort.js
+++ b/src/js/Components/Sort.js
@@ -6,10 +6,15 @@ class Sort extends Component {
     constructor(props){
         super(props)
         this.state = {
-            
+            unwound:false
         }
     }
 
+    changeArrowDirection = () => {
+        console.log('ok');
+        this.setState({unwound:!this.state.unwound})
+    }
+
     render() {
         return (
             <div id="sortBox">
@@ -18,8 +23,8 @@ class Sort extends Component {
                 </div>
                 <div id="selectAndOrder">
                     <div id="selectBlock">
-                        <div id="selectBox">
-                            <select id="sortSelect" onChange={this.props.handleChangeSortType}>
+                        <div id={this.state.unwound ? 'unwoundMenu' : 'selectBox'}  >
+                            <select id='sortSelect' onClick={this.changeArrowDirection} onChange={this.props.handleChangeSortType}>
                                 <option className="optionSort" value="name">Ordre Alphabétique</option>
                                 <option className="optionSort" value="category_id">Catégorie</option>
                                 <option className="optionSort" value="quantity">Quantité</option>