diff --git a/components/project/project-card.tsx b/components/project/project-card.tsx
index f66d273..1cc60de 100644
--- a/components/project/project-card.tsx
+++ b/components/project/project-card.tsx
@@ -72,14 +72,17 @@ export default function ProjectCard({
   const { content: projectContent } = getProjectById(id, lang)
 
   return (
-    <div className={cn(projectCardVariants({ showLinks, border, className }))}>
+    <div
+      className={cn(
+        "group",
+        projectCardVariants({ showLinks, border, className })
+      )}
+      onClick={() => {
+        router.push(`/projects/${id}`)
+      }}
+    >
       {showBanner && (
-        <div
-          className="relative flex flex-col border-b border-black/10"
-          onClick={() => {
-            router.push(`/projects/${id}`)
-          }}
-        >
+        <div className="relative flex flex-col border-b border-black/10">
           <Image
             src={`/project-banners/${image ? image : "fallback.webp"}`}
             alt={`${name} banner`}
diff --git a/components/project/project-list.tsx b/components/project/project-list.tsx
index 277a0dd..5cc4f56 100644
--- a/components/project/project-list.tsx
+++ b/components/project/project-list.tsx
@@ -119,15 +119,10 @@ export const ProjectList = ({ lang }: LangProps["params"]) => {
       <div className="flex flex-col">
         {ProjectSections.map((section, index) => {
           const sectionProjects =
-            projects
-              .filter((project) => {
-                if (currentSection == null) return true // return all projects
-                return project?.section?.toLowerCase() === currentSection 
-              })
-              .filter(
-                (project) =>
-                  project.section?.toLowerCase() === section?.toLowerCase()
-              ) ?? []
+            projects.filter(
+              (project) =>
+                project.section?.toLowerCase() === section?.toLowerCase()
+            ) ?? []
 
           const hasProjectsForSection = sectionProjects.length > 0
 
diff --git a/state/useProjectFiltersState.ts b/state/useProjectFiltersState.ts
index 6ecd71e..c04ae96 100644
--- a/state/useProjectFiltersState.ts
+++ b/state/useProjectFiltersState.ts
@@ -302,6 +302,10 @@ export const useProjectFiltersState = create<
     set((state: any) => {
       return {
         ...state,
+        projects: projects.filter((project) => {
+          if (section == null) return true // return all projects
+          return project?.section?.toLowerCase() === section
+        }),
         currentSection: section,
       }
     })