diff --git a/src/components/MenuSideBar/MenuSideBar.module.scss b/src/components/MenuSideBar/MenuSideBar.module.scss
index 562be2f..ea7b8bb 100644
--- a/src/components/MenuSideBar/MenuSideBar.module.scss
+++ b/src/components/MenuSideBar/MenuSideBar.module.scss
@@ -28,7 +28,7 @@
             font-size: 16px;
             line-height: 19px;
             color: variables.$gray-100;
-            margin-left: 16px;
+            padding-left: 16px;
             height: 39px;
             
             @media (min-width: 2500px) {
diff --git a/src/components/MenuSideBar/MenuSideBar.tsx b/src/components/MenuSideBar/MenuSideBar.tsx
index 9d60640..75535c8 100644
--- a/src/components/MenuSideBar/MenuSideBar.tsx
+++ b/src/components/MenuSideBar/MenuSideBar.tsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 
 import styles from "./MenuSideBar.module.scss";
 
-import { Link } from "react-router-dom";
+import { NavLink } from "react-router-dom";
 
 const MenuSideBar = () => {
 
@@ -12,27 +12,45 @@ const MenuSideBar = () => {
         <ul className={styles["menu-sidebar__container"]}>
 
             <li className={styles["menu-sidebar__item"]}>
-                <Link to={"/sobre"}>Sobre</Link>
+                <NavLink to={"/sobre"}
+                    style={({ isActive }) => isActive ? {background:"#000000", color:"#FFFFFF", fontWeight: "700"} : {}} >
+                    Sobre
+                </NavLink>
             </li>
 
             <li className={styles["menu-sidebar__item"]}>
-                <Link to={"/formadepagamento"}>Forma de Pagamento</Link>
+                <NavLink to={"/formadepagamento"}
+                    style={({ isActive }) => isActive ? {background:"#000000", color:"#FFFFFF", fontWeight: "700"} : {}} >
+                    Forma de Pagamento
+                </NavLink>
             </li>
 
             <li className={styles["menu-sidebar__item"]}>
-                <Link to={"/entrega"}>Entrega</Link>
+                <NavLink to={"/entrega"}
+                    style={({ isActive }) => isActive ? {background:"#000000", color:"#FFFFFF", fontWeight: "700"} : {}} >
+                    Entrega
+                </NavLink>
             </li>
 
             <li className={styles["menu-sidebar__item"]}>
-                <Link to={"/segurancaeprivacidade"}>Segurança e Privacidade</Link>
+                <NavLink to={"/segurancaeprivacidade"}
+                    style={({ isActive }) => isActive ? {background:"#000000", color:"#FFFFFF", fontWeight: "700"} : {}} >
+                    Segurança e Privacidade
+                </NavLink>
             </li>
 
             <li className={styles["menu-sidebar__item"]}>
-                <Link to={"/trocaedevolucao"}>Troca e Devolução</Link>
+                <NavLink to={"/trocaedevolucao"}
+                    style={({ isActive }) => isActive ? {background:"#000000", color:"#FFFFFF", fontWeight: "700"} : {}} >
+                    Troca e Devolução
+                </NavLink>
             </li>
 
             <li className={styles["menu-sidebar__item"]}>
-                <Link to={"/contato"}>Contato</Link>
+                <NavLink to={"/contato"}
+                    style={({ isActive }) => isActive ? {background:"#000000", color:"#FFFFFF", fontWeight: "700"} : {}} >
+                    Contato
+                </NavLink>
             </li>
         
         </ul>