Fixed contrast in the first access

src/Components/Acessibility/ContrastBar.css

@@ -33,6 +33,7 @@ along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>
     background-color: white;
     width: 100%;
     height: 18px;
+    border-bottom: 1px solid #666; 
 }
 
 .Contrastbar{
@@ -54,6 +55,17 @@ along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>
     vertical-align: middle;
 }
 
+.text{
+    color: #666;
+    cursor: pointer;
+    width: 140px;
+    font-size: 13px;
+    padding-left: 10px;
+    padding-right: 10px;
+    text-align: center;
+    vertical-align: middle;
+  }
+
 .textRight {
     float:right;
     height:100%;

src/Components/Acessibility/ContrastBar.js

@@ -16,7 +16,7 @@ GNU Affero General Public License for more details.
 You should have received a copy of the GNU Affero General Public License
 along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>.*/
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import './ContrastBar.css';
 import ContrastImageOn from '../../img/OnContrastIcon.png';
 import ContrastImageOff from '../../img/OffContrastIcon.png';
@@ -31,6 +31,10 @@ function ContrastBar() {
     // Hook to set contrast context
     const { state, dispatch } = React.useContext(Store);
 
+    useEffect(() => {
+        setContrastAction('');
+    }, []);
+
     const setContrastAction = (newContrast) => {
         localStorage.setItem('@portalmec/contrast', newContrast)
         return dispatch({
@@ -98,7 +102,6 @@ function ContrastBar() {
                             Contraste
                         </a>
                     </div>
-
                 </div>
             </div>
         </React.Fragment>