diff --git a/apps/web/src/components/layouts/standard-layout.tsx b/apps/web/src/components/layouts/standard-layout.tsx
index e08da764499..10f7805dfbd 100644
--- a/apps/web/src/components/layouts/standard-layout.tsx
+++ b/apps/web/src/components/layouts/standard-layout.tsx
@@ -1,5 +1,4 @@
-import { AnimatePresence, domMax, LazyMotion, m } from "framer-motion";
-import { useRouter } from "next/router";
+import { domMax, LazyMotion, m } from "framer-motion";
 import React from "react";
 
 import { DayjsProvider } from "@/utils/dayjs";
@@ -12,7 +11,6 @@ import { MobileNavigation } from "./standard-layout/mobile-navigation";
 const StandardLayout: React.FunctionComponent<{
   children?: React.ReactNode;
 }> = ({ children, ...rest }) => {
-  const router = useRouter();
   return (
     <LazyMotion features={domMax}>
       <UserProvider>
@@ -20,18 +18,7 @@ const StandardLayout: React.FunctionComponent<{
           <ModalProvider>
             <div className={"bg-pattern relative min-h-full"} {...rest}>
               <MobileNavigation />
-              <div className="mx-auto max-w-4xl">
-                <AnimatePresence initial={false} exitBeforeEnter={true}>
-                  <m.div
-                    key={router.asPath}
-                    initial={{ opacity: 0, y: -50 }}
-                    animate={{ opacity: 1, y: 0 }}
-                    exit={{ opacity: 0, y: -50 }}
-                  >
-                    {children}
-                  </m.div>
-                </AnimatePresence>
-              </div>
+              <div className="mx-auto max-w-4xl">{children}</div>
             </div>
           </ModalProvider>
         </DayjsProvider>