fixed the css on header and sidebar

src/component/Header/MenuActionListItem/Search.jsx

           aria-describedby='headerInputSearch'
           onChange={props.onChangeInput}
         />
-        <span
+        <button
           className='search__addonsearch input-group-addon'
           id='headerInputSearch'
           onClick={props.onClickSubmit}
         >
           <i className='fa fa-search' />
-        </span>
+        </button>
       </div>
     </li>
   )

src/component/Sidebar/WorkspaceListItem.jsx

   return number.length < 2 ? pad('0' + number, 2) : number
 }
 
+
+
 const WorkspaceListItem = props => {
   return (
     <li className='sidebar__navigation__workspace__item'>
         </div>
 
         <div className='sidebar__navigation__workspace__item__icon'>
-          <i className='fa fa-chevron-down' />
+          <i className={classnames(props.isOpenInSidebar ? 'fa fa-chevron-up' : 'fa fa-chevron-down')} />
         </div>
       </div>
 

src/container/Header.jsx

     const { lang, user } = this.props
 
     return (
-      <header>
-        <nav className='header navbar navbar-expand-md navbar-light bg-light'>
+      <header className='header'>
+        <nav className='navbar navbar-expand-md navbar-light bg-light'>
           <Logo logoSrc={logoHeader} onClickImg={this.handleClickLogo} />
 
           <NavbarToggler />

src/css/Header.styl

           width 100%
           .search__addonsearch
             background-color transparent
+            cursor pointer
+            &:hover
+              background-color thirdColor
+              color mainColor
       .btnnavbar
         border 1px solid grey
         background-color transparent