diff --git a/src/app/communityuniversity/page.tsx b/src/app/communityuniversity/page.tsx
index 07117db..e2b712a 100644
--- a/src/app/communityuniversity/page.tsx
+++ b/src/app/communityuniversity/page.tsx
@@ -1,3 +1,4 @@
+import Footer from '@/components/Footer/Footer'
 import CommunityProfilePost from '@/components/communityProfile/CommunityProfilePost'
 import GroupInfo from '@/components/communityUniversity/GroupInfo'
 import GroupSideBsr from '@/components/communityUniversity/GroupSideBsr'
@@ -29,6 +30,7 @@ const page = () => {
           </div>
         </div>
       </div>
+      <Footer />
     </div>
   )
 }
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index b867fec..533895b 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -1,3 +1,4 @@
+'use client'
 import './Footer.css'
 
 import Image from 'next/image'
diff --git a/src/components/communityUniversity/GroupFilterPopUp.tsx b/src/components/communityUniversity/GroupFilterPopUp.tsx
index b08e37f..d2ab354 100644
--- a/src/components/communityUniversity/GroupFilterPopUp.tsx
+++ b/src/components/communityUniversity/GroupFilterPopUp.tsx
@@ -8,7 +8,7 @@ type Props = {
 const GroupFilterPopUp = ({ setShowPopUp }: Props) => {
   return (
     <>
-      <div className="fixed   w-full h-[100%] top-0 left-0 backdrop-blur-sm z-10"></div>
+      <div className="fixed   w-full h-[100%] top-0 left-0 bg-black opacity-50 z-10"></div>
       <div className={`fixed w-96 max-sm:w-11/12 z-50   top-1/3 bg-white flex flex-col items-center gap-6 shadow-lg px-10 py-6 rounded-lg`}>
         <div className="flex justify-end w-full">
           {' '}