diff --git a/src/components/Event/Event.jsx b/src/components/Event/Event.jsx
index 331f16c..e011d56 100644
--- a/src/components/Event/Event.jsx
+++ b/src/components/Event/Event.jsx
@@ -26,10 +26,8 @@ function Event({event}){
     }, []);
 
 
-
-
     return (
-        <div className={`${styles.eventContainer} glassCard`}>
+        <div className={`${styles.eventContainer} glassCard`} onClick={() => seteventMenu(!eventMenu)}>
             <div className={styles.eventContainerTop}>
                 <div className={styles.eventContent}>
                     <div className={`${styles.eventImageDiv}`}>
diff --git a/src/pages/Volunteers/VolunteerCard.jsx b/src/pages/Volunteers/VolunteerCard.jsx
index fb58440..cb2233d 100644
--- a/src/pages/Volunteers/VolunteerCard.jsx
+++ b/src/pages/Volunteers/VolunteerCard.jsx
@@ -15,7 +15,7 @@ export default function VolunteerCard({ user }) {
     const navigate = useNavigate();
 
     return (
-        <div className={`${styles.profileboard} glassCard`}>
+        <div className={`${styles.profileboard} glassCard`} onClick={(() => setIsExpanded(!isExpanded))}>
 
             <div className={styles.header}>
                 <h2>{user?.name} {user?.lastname}</h2>