diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 1d08d75..430e6cc 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -8,7 +8,7 @@ const notFound = () => {
                 <NavBar />
             </div>
             <div className="flex flex-col justify-center items-center h-screen w-screen font-ROG 2xl:text-4xl xl:text-3xl lg:text-2xl md:text-xl sm:text-lg text-sm text-center">
-                <GlitchText text="You have come to the wrong timeline traveler!!!" />
+                <GlitchText text="You have come to the wrong timeline traveller!!!" />
             </div>
         </>
     );
diff --git a/src/components/BackButton/back.tsx b/src/components/BackButton/back.tsx
index bd3c9e9..f79259e 100644
--- a/src/components/BackButton/back.tsx
+++ b/src/components/BackButton/back.tsx
@@ -18,7 +18,7 @@ const ImageChanger = (props: ImageChangerProps) => {
         <Image
             src={isHovered ? props.hoverImage : props.defaultImage}
             alt="Back to cluster"
-            className={`${styles.Back} xl:w-52 lg:w-44 md:w-32 sm:w-24 w-16 absolute left-28 top-32 max-md:hidden`}
+            className={`${styles.Back} xl:w-52 lg:w-44 md:w-32 sm:w-24 w-16 absolute left-28 top-32 max-md:hidden z-20`}
             onClick={() => {
                 router.push('/clusters');
             }}
diff --git a/src/components/ClusterCarousel/ClusterCarousel.tsx b/src/components/ClusterCarousel/ClusterCarousel.tsx
index bad05c0..cbcd904 100644
--- a/src/components/ClusterCarousel/ClusterCarousel.tsx
+++ b/src/components/ClusterCarousel/ClusterCarousel.tsx
@@ -80,6 +80,10 @@ const ClusterCarousel = ({ id, name }: { id: number; name: string }) => {
         }
     };
 
+    const navigateToEvent = () => {
+        router.push(`/events/${id}/${name}/${details[index].id}`);
+    };
+
     return (
         <div className="relative w-full md:w-3/4 h-full flex items-center justify-center max-2xl:px-10 max-md:p-2">
             <Image src={leftPortal} className="absolute max-lg:hidden left-0 w-80" alt="<" />
@@ -111,11 +115,9 @@ const ClusterCarousel = ({ id, name }: { id: number; name: string }) => {
                                     height={Math.min(data.image?.height, 100)}
                                     objectPosition="center"
                                     objectFit="contain"
-                                    className={`rounded-lg lg:max-h[20vh] lg:max-w-[20vw]`}
+                                    className={`rounded-lg lg:max-h[20vh] lg:max-w-[20vw] cursor-pointer`}
                                     alt="cluster"
-                                    onClick={() => {
-                                        router.push(`/events/${id}/${name}/${data.id}`);
-                                    }}
+                                    onClick={navigateToEvent}
                                 />
                             </div>
                         </SwiperSlide>
@@ -125,7 +127,10 @@ const ClusterCarousel = ({ id, name }: { id: number; name: string }) => {
                     <div className="prevArrow absolute -left-10 w-10 hover:scale-110 animate-pulse hover:cursor-pointer">
                         <Image src={leftArrow} alt="<" />
                     </div>
-                    <div className="font-Orbitron text-sm md:text-xl border-white border py-2 rounded-full w-[40vw] md:w-52 text-center overflow-hidden">
+                    <div
+                        className="font-Orbitron text-sm md:text-xl border-white border py-2 rounded-full w-[40vw] md:w-52 text-center overflow-hidden cursor-pointer"
+                        onClick={navigateToEvent}
+                    >
                         {details[index] ? details[index].name : 'Loading'}
                     </div>
                     <div className="nextArrow absolute -right-10 w-10 hover:scale-110 animate-pulse hover:cursor-pointer">
diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx
index 91ff471..145da77 100644
--- a/src/components/Toast/Toast.tsx
+++ b/src/components/Toast/Toast.tsx
@@ -8,7 +8,7 @@ const Toast = () => {
             gutter={8}
             containerClassName="toasty"
             containerStyle={{
-                fontFamily: 'DotMatrix_TR',
+                fontFamily: 'Orbitron',
             }}
             toastOptions={{
                 className: '',