diff --git a/src/app/(pages)/events/page.tsx b/src/app/(pages)/events/page.tsx
index ff7d516..afed4e4 100644
--- a/src/app/(pages)/events/page.tsx
+++ b/src/app/(pages)/events/page.tsx
@@ -24,11 +24,7 @@ const Events = () => {
           </Text>
         </Center>
         <Center>
-          <Text
-            fontWeight="500"
-            fontSize="4xl"
-            color="#15997E"
-          >
+          <Text fontWeight="500" fontSize="4xl" color="#15997E">
             More events coming soon!
           </Text>
         </Center>
diff --git a/src/app/(pages)/gallery/page.tsx b/src/app/(pages)/gallery/page.tsx
index 54833b7..2fcc8dc 100644
--- a/src/app/(pages)/gallery/page.tsx
+++ b/src/app/(pages)/gallery/page.tsx
@@ -26,9 +26,11 @@ const Gallery = () => {
   const [loading, setLoading] = useState(false);
   const loader = useRef(null);
 
-  const skeletons = new Array(9).fill(null).map((_, index) => (
-    <Skeleton key={index} rounded="lg" height="300px" width="300px" />
-  ));
+  const skeletons = new Array(9)
+    .fill(null)
+    .map((_, index) => (
+      <Skeleton key={index} rounded="lg" height="300px" width="300px" />
+    ));
 
   const fetchPosts = async (afterParam = null) => {
     if (loading) return;
@@ -94,27 +96,39 @@ const Gallery = () => {
       </Box>
       <Container maxW="container.lg" py="28">
         <SimpleGrid columns={3} spacing={6}>
-          {posts.length === 0 ? skeletons : posts.map((post, index) => (
-          <Box 
-              key={`post-${index}`}
-                ref={loader}
-                w="300px"
-                h="300px"
-                rounded="lg"
-                overflow="hidden">
-            <a href={post.permalink} target="_blank" rel="noopener noreferrer">
-              <Image src={post.media_url}
-                alt={post.caption}
-                objectFit="cover"
-                width="100%"
-                height="100%" />
-            </a>
-          </Box>
-        ))}
+          {posts.length === 0
+            ? skeletons
+            : posts.map((post, index) => (
+                <Box
+                  key={`post-${index}`}
+                  ref={loader}
+                  w="300px"
+                  h="300px"
+                  rounded="lg"
+                  overflow="hidden"
+                >
+                  <a
+                    href={post.permalink}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <Image
+                      src={post.media_url}
+                      alt={post.caption}
+                      objectFit="cover"
+                      width="100%"
+                      height="100%"
+                    />
+                  </a>
+                </Box>
+              ))}
         </SimpleGrid>
       </Container>
-      {loading && <Center>
-        <Text color="gray">Loading...</Text></Center>}
+      {loading && (
+        <Center>
+          <Text color="gray">Loading...</Text>
+        </Center>
+      )}
     </Container>
   );
 };