diff --git a/apps/dashboard/package.json b/apps/dashboard/package.json
index e0b70a95d23..fb0571015f7 100644
--- a/apps/dashboard/package.json
+++ b/apps/dashboard/package.json
@@ -29,7 +29,6 @@
     "@emotion/styled": "11.13.0",
     "@hookform/resolvers": "^3.9.0",
     "@marsidev/react-turnstile": "^1.0.2",
-    "@n8tb1t/use-scroll-position": "^2.0.3",
     "@radix-ui/react-alert-dialog": "^1.1.2",
     "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-checkbox": "^1.1.2",
diff --git a/apps/dashboard/src/components/product-pages/common/Topnav.tsx b/apps/dashboard/src/components/product-pages/common/Topnav.tsx
index e3434f185a4..757a25840b6 100644
--- a/apps/dashboard/src/components/product-pages/common/Topnav.tsx
+++ b/apps/dashboard/src/components/product-pages/common/Topnav.tsx
@@ -1,43 +1,20 @@
-import { Box, Container, Flex, useBreakpointValue } from "@chakra-ui/react";
-import { useScrollPosition } from "@n8tb1t/use-scroll-position";
+import { Box, Container, Flex } from "@chakra-ui/react";
 import { Logo } from "components/logo";
-import { useState } from "react";
 import { TrackedLink } from "tw-components";
 import { DesktopMenu } from "./nav/DesktopMenu";
 import { MobileMenu } from "./nav/MobileMenu";
 
 export const HomepageTopNav: React.FC = () => {
-  const isMobile = useBreakpointValue({ base: true, md: false });
-  const [isScrolled, setIsScrolled] = useState(false);
-
-  useScrollPosition(
-    ({ currPos }) => {
-      if (currPos.y < -5) {
-        setIsScrolled(true);
-      } else if (currPos.y >= -5) {
-        setIsScrolled(false);
-      }
-    },
-    [isMobile],
-    undefined,
-    false,
-    16,
-  );
-
   return (
     <Box
-      transition="all 50ms"
       position="sticky"
       top={0}
       left={0}
       w="100%"
-      willChange="backdrop-filter background-color"
       zIndex="overlay"
       as="header"
-      bgColor={isScrolled ? "rgba(0,0,0,0.8)" : "rgba(0,0,0,0)"}
-      backdropFilter={
-        isScrolled ? "saturate(180%) blur(20px)" : "saturate(100%) blur(0px)"
-      }
+      bgColor="rgba(0,0,0,0)"
+      backdropFilter="saturate(100%) blur(20px)"
     >
       <Container
         as={Flex}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 963cf2ece7d..5065550cf9f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -82,9 +82,6 @@ importers:
       '@marsidev/react-turnstile':
         specifier: ^1.0.2
         version: 1.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@n8tb1t/use-scroll-position':
-        specifier: ^2.0.3
-        version: 2.0.3(@types/react@18.3.12)(react@18.3.1)
       '@radix-ui/react-alert-dialog':
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -213,7 +210,7 @@ importers:
         version: 0.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       nextjs-toploader:
         specifier: ^1.6.12
-        version: 1.6.12(next@14.2.15(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.6.12(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       papaparse:
         specifier: ^5.4.1
         version: 5.4.1
@@ -400,7 +397,7 @@ importers:
         version: 5.34.2(@types/node@20.14.9)(typescript@5.6.3)
       next-sitemap:
         specifier: ^4.2.3
-        version: 4.2.3(next@14.2.15(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        version: 4.2.3(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       postcss:
         specifier: 8.4.47
         version: 8.4.47
@@ -3236,12 +3233,6 @@ packages:
     resolution: {integrity: sha512-issnYydStyH0wPEeU7CMwfO7kI668ffVtzKRMRS7H7BliOYuPuwEZxh9dwiXV+oeHBxT5SXT0wPwV8T7V2PJUA==}
     engines: {node: '>=18'}
 
-  '@n8tb1t/use-scroll-position@2.0.3':
-    resolution: {integrity: sha512-6GO4FHVJTMI4jbRHborzemuL6B319qh2cVLOLj8DApJhjyT71eLgANbQ4bNKSZ51zBm3uJ3WmqnyNF17eSsDyw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: '*'
-
   '@next/bundle-analyzer@14.2.15':
     resolution: {integrity: sha512-W6iyrp/3G7WbIztDcNt+owYX1iv37m9f4RJs0fa/Ayw4EDdjNPX6qKQrC7gBrESHV3FuchED+8R+CNiw1i78eQ==}
 
@@ -17416,11 +17407,6 @@ snapshots:
       outvariant: 1.4.3
       strict-event-emitter: 0.5.1
 
-  '@n8tb1t/use-scroll-position@2.0.3(@types/react@18.3.12)(react@18.3.1)':
-    dependencies:
-      '@types/react': 18.3.12
-      react: 18.3.1
-
   '@next/bundle-analyzer@14.2.15(bufferutil@4.0.8)(utf-8-validate@5.0.10)':
     dependencies:
       webpack-bundle-analyzer: 4.10.1(bufferutil@4.0.8)(utf-8-validate@5.0.10)
@@ -27690,6 +27676,14 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
+  next-sitemap@4.2.3(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
+    dependencies:
+      '@corex/deepmerge': 4.0.43
+      '@next/env': 13.5.6
+      fast-glob: 3.3.2
+      minimist: 1.2.8
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+
   next-sitemap@4.2.3(next@14.2.15(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
       '@corex/deepmerge': 4.0.43
@@ -27730,6 +27724,14 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
+  nextjs-toploader@1.6.12(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      nprogress: 0.2.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   nextjs-toploader@1.6.12(next@14.2.15(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)