diff --git a/package-lock.json b/package-lock.json
index 73455e2..83851aa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "hypercliq-website",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "hypercliq-website",
-      "version": "2.5.1",
+      "version": "2.5.2",
       "dependencies": {
         "@headlessui/react": "^2.1.9",
         "@heroicons/react": "^2.1.5",
diff --git a/package.json b/package.json
index 31ee5ec..291f99d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hypercliq-website",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "private": true,
   "engines": {
     "node": ">=20.0.0 <22.0.0"
diff --git a/src/app/components/Connections.tsx b/src/app/components/Connections.tsx
index 72f1272..4d9e67e 100644
--- a/src/app/components/Connections.tsx
+++ b/src/app/components/Connections.tsx
@@ -343,7 +343,7 @@ const isWebGLAvailable = (): boolean => {
 
 const Connections: React.FC<{ style?: CSSProperties }> = ({ style }) => {
   return isWebGLAvailable() ? (
-    <Canvas style={style} camera={{ position: [0, 0, 5] }} dpr={[1, 2]}>
+    <Canvas style={style} camera={{ position: [0, 0, 5] }} dpr={[1, 1]}>
       <PerformanceMonitor>
         <Graph />
       </PerformanceMonitor>
diff --git a/src/app/header.tsx b/src/app/header.tsx
index 5ec05b8..ceac654 100644
--- a/src/app/header.tsx
+++ b/src/app/header.tsx
@@ -33,7 +33,7 @@ const links = [
 let MyDialogPanel = forwardRef<HTMLDivElement, any>(function (props, ref) {
   return (
     <DialogPanel
-      className="fixed inset-y-0 right-0 z-[1000] w-full overflow-y-auto bg-surface px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-foreground"
+      className="easy-in-out fixed inset-y-0 right-0 z-[1000] w-full overflow-y-auto bg-surface px-6 py-6 duration-300 data-[closed]:translate-x-full sm:max-w-sm sm:ring-1 sm:ring-foreground"
       ref={ref}
       {...props}
     />
@@ -108,25 +108,10 @@ export default function Header() {
         show={mobileMenuOpen}
         onClose={setMobileMenuOpen}
       >
-        <TransitionChild
-          enter="transition-opacity ease-linear duration-75"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="transition-opacity ease-linear duration-75"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="fixed inset-0 z-[900] backdrop-brightness-[.25]" />
+        <TransitionChild>
+          <div className="fixed inset-0 z-[900] backdrop-brightness-[.25] duration-75 ease-linear data-[closed]:opacity-0" />
         </TransitionChild>
-        <TransitionChild
-          as={MyDialogPanel}
-          enter="transition ease-in-out duration-300 transform"
-          enterFrom="translate-x-full"
-          enterTo="translate-x-0"
-          leave="transition ease-in-out duration-300 transform"
-          leaveFrom="translate-x-0"
-          leaveTo="translate-x-full"
-        >
+        <TransitionChild as={MyDialogPanel}>
           <div className="flex items-center justify-between">
             <Link
               href="/"