diff --git a/src/components/gallery/QuarterlyEvents.jsx b/src/components/gallery/QuarterlyEvents.jsx
index 72f84d8..b54ca0b 100644
--- a/src/components/gallery/QuarterlyEvents.jsx
+++ b/src/components/gallery/QuarterlyEvents.jsx
@@ -7,9 +7,8 @@ import useView from "@/components/useView";
 const QuarterlyEvents = () => {
   const [inView, ref] = useView();
   return (
-    <div className="flex flex-col gap-y-8">
+    <div ref={ref} className="flex flex-col gap-y-8">
       <div
-        ref={ref}
         className={`${
           inView && "animate-flip-up animate-once"
         } flex justify-center`}