diff --git a/src/app/components/Header.js b/src/app/components/Header.js
index 318c2cf6de74e96b3e9809416c6c6668465a29b3..4065e7311afa5558f4bf836d47b69907d7724540 100644
--- a/src/app/components/Header.js
+++ b/src/app/components/Header.js
@@ -163,7 +163,8 @@ export default function Header({ setQuery, handleOpenMenu }) {
 
   return (
     <div className="fixed top-10 z-10">
-      <div className="w-screen h-16 flex gap-3 sm:gap-12 justify-between px-2 shadow-none" style={{
+      <div className="w-screen h-16 flex gap-3 sm:gap-12 justify-between px-2 shadow-none" 
+      style={{
           backgroundImage: 
           `linear-gradient(rgba(255, 255, 255, 0.3),
           rgba(255, 255, 255, 1)),url("/images/fundo.webp")`,
diff --git a/src/app/components/SideBar.js b/src/app/components/SideBar.js
index 8f828671ef9ea92beba8da73911acd881a95fbf8..a49c3311ecc307ae99675349b1aeb81fa8d276f7 100644
--- a/src/app/components/SideBar.js
+++ b/src/app/components/SideBar.js
@@ -87,8 +87,15 @@ export default function SideBar({ setFilterSubject, openMenu }) {
   return (
     <>
       <div
-        className={`top-[100px] start-0 overflow-y-auto pb-24 bg-transparent pl-8 w-64 text-white fixed h-full z-40 ease-in-out duration-300 ${!openMenu ? "-translate-x-full " : "translate-x-0"
-          }`}
+        className={`top-[100px] start-0 overflow-y-auto pb-24 pl-8 w-64 text-white fixed h-full z-40 ease-in-out duration-300 ${!openMenu ? "-translate-x-full " : "translate-x-0"
+          }`} 
+          style={{
+            backgroundImage: 
+            `linear-gradient(rgba(255, 255, 255, 0.3),
+            rgba(255, 255, 255, 1)),url("/images/fundo.webp")`,
+            backgroundRepeat: "repeat",
+            backgroundAttachment: "fixed"
+          }}
       >
         <div className="pt-4">
           <a className="text-xl font-bold text-main-text ">Acesso Rápido</a>