diff --git a/next.config.mjs b/next.config.mjs
index 6ea40613b72fd66053eac3f12259741d85fac47d..90dc74fa88c12ca8a40a8b77a506143e3d23618b 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -5,6 +5,18 @@ const nextConfig = {
         config.resolve.alias.canvas = false;
         return config;
     },
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'api.portalmec.c3sl.ufpr.br',
+                port: '',
+                pathname: '/**',
+            },
+
+        ],
+    },
+
 };
 
 export default nextConfig;
diff --git a/src/app/components/SideBar.js b/src/app/components/SideBar.js
index 428facf6c2d4a605588bc3b5f51a425409ab23c7..9fbb868d58d003534b3e6f267f65b8b9ddf49065 100644
--- a/src/app/components/SideBar.js
+++ b/src/app/components/SideBar.js
@@ -131,8 +131,6 @@ export default function SideBar({ filterSubject, setFilterSubject, openMenu, set
             router.push("/collections");
         }
 
-
-
     }
 
 
@@ -157,7 +155,7 @@ export default function SideBar({ filterSubject, setFilterSubject, openMenu, set
 
         }
 
-    }, [searchParams, setSelectFilter, setFilterSubject, pathname, setTitlePage]);
+    }, [searchParams, setSelectFilter, setFilterSubject, pathname, setTitlePage, selectFilter, router]);
 
     // ?query=*&order=publicationdesc&subjects=26,16,8
 
@@ -191,7 +189,7 @@ export default function SideBar({ filterSubject, setFilterSubject, openMenu, set
                                             setTitlePage(item.title);
                                             const params = new URLSearchParams(searchParams)
                                             params.set("order", item.order);
-                                            router.push("/collections?" + params.toString());
+                                            router.push(pathname + "?" + params.toString());
                                         } else {
                                             router.push("/collections");
                                         }
diff --git a/src/app/login/components/LoginForm.js b/src/app/login/components/LoginForm.js
index f40d45e62868f41be07ee6e2a83b5a695d699c07..b2714648ed3c1785f1850933d7b4b2193c37c741 100644
--- a/src/app/login/components/LoginForm.js
+++ b/src/app/login/components/LoginForm.js
@@ -83,7 +83,7 @@ export default function LoginForm({
                 variant="outlined"
                 className="mt-2 border-main text-gray-500 normal-case flex gap-2"
               >
-                <img className="w-6 h-6" src="/google.svg" alt="google logo" />
+                <Image className="w-6 h-6" src="/google.svg" alt="google logo" width={10} height={10} />
                 <span>Entrar com o Google</span>
               </Button>
               <p className="mt-5 text-xs text-gray-500">
diff --git a/src/app/perfil/[id]/components/GroupButton.js b/src/app/perfil/[id]/components/GroupButton.js
index 3dc1c32e4b6dfdc62575a53c76fcab8c36e89137..c14414b19258e58b1e53290bab17bfc9a6b48bdb 100644
--- a/src/app/perfil/[id]/components/GroupButton.js
+++ b/src/app/perfil/[id]/components/GroupButton.js
@@ -48,8 +48,8 @@ export default function GroupButton({ profileData, idLogin }) {
   }
 
   useEffect(() => {
-    setFollow(profileData["followed"])
-  }, [profileData["followed"]])
+    setFollow(profileData.followed)
+  }, [profileData.followed])
 
   // useEffect(() => {
   //   if (!isLoggedIn()) return;
diff --git a/src/app/perfil/[id]/page.js b/src/app/perfil/[id]/page.js
index 6efc5cab7367436f1b4a2bc4798a846b74ba02fa..86886f41a9362269c12655206c75d3cccdf5c653 100644
--- a/src/app/perfil/[id]/page.js
+++ b/src/app/perfil/[id]/page.js
@@ -62,7 +62,7 @@ export default function Perfil({ params }) {
             fetchUser(params.id)
         }
 
-    }, [params.id])
+    }, [params.id, client, token, uid])
 
 
     return (
diff --git a/src/app/recurso/[id]/components/thumbnail.js b/src/app/recurso/[id]/components/thumbnail.js
index 51f4ee1df0abfc36dba362378fe235abb7ec20fe..2ab0586301f50c7f6a78f339ea3b15117f6f9f6c 100644
--- a/src/app/recurso/[id]/components/thumbnail.js
+++ b/src/app/recurso/[id]/components/thumbnail.js
@@ -1,6 +1,7 @@
 import mecredApi from "@/axiosConfig";
 import { Paper } from "@mui/material";
 import OpenInNewOutlinedIcon from "@mui/icons-material/OpenInNewOutlined";
+import Image from "next/image";
 
 
 export default function Thumbnail({ learningObject }) {
@@ -54,11 +55,19 @@ export default function Thumbnail({ learningObject }) {
   }
   else if (learningObject.thumbnail) {
     content = (
-        <img
-          width={"100%"}
-          className="aspect-video object-cover"
+      <div className="relative w-full h-full">
+        < Image
+          sizes="100vw"
+          width={1280}
+          height={720}
+          style={{
+            width: '100%',
+            height: 'auto'
+          }}  
           src={"https://api.portalmec.c3sl.ufpr.br" + learningObject.thumbnail}
+          alt={learningObject.name}
         />
+      </div>
     );
   }