diff --git a/src/components/HealthChecks/HealthChecks.tsx b/src/components/HealthChecks/HealthChecks.tsx
index abc16dd..3a3525b 100644
--- a/src/components/HealthChecks/HealthChecks.tsx
+++ b/src/components/HealthChecks/HealthChecks.tsx
@@ -178,7 +178,7 @@ export function HealthChecks({ online, onStepValid }: Props) {
             ) : portForwarding.enabled ? (
               <SuccessCircleIcon></SuccessCircleIcon>
             ) : (
-              <WarningIcon width={16} />
+              <WarningIcon />
             )}
           </span>
           Port forwarding
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 2b843a7..a79445e 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,5 +1,5 @@
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { Modal } from "@codex-storage/marketplace-ui-components";
 import { ArrowRight } from "lucide-react";
 import { OnBoardingLayout } from "../components/OnBoarding/OnBoardingLayout";
@@ -26,18 +26,18 @@ function Index() {
 
   const onNextStep = () => navigate({ to: "/onboarding-name" });
 
-  useEffect(() => {
-    const onKeyPress = (event: Event) => {
-      const e = event as KeyboardEvent;
-      if (e.key === "ArrowRight") {
-        navigate({ to: "/onboarding-name" });
-      }
-    };
+  // useEffect(() => {
+  //   const onKeyPress = (event: Event) => {
+  //     const e = event as KeyboardEvent;
+  //     if (e.key === "ArrowRight") {
+  //       navigate({ to: "/onboarding-name" });
+  //     }
+  //   };
 
-    document.addEventListener("keydown", onKeyPress);
+  //   document.addEventListener("keydown", onKeyPress);
 
-    return () => document.removeEventListener("keydown", onKeyPress);
-  }, [navigate]);
+  //   return () => document.removeEventListener("keydown", onKeyPress);
+  // }, [navigate]);
 
   return (
     <>
diff --git a/src/routes/onboarding-checks.tsx b/src/routes/onboarding-checks.tsx
index ac51a1c..3d6a5ec 100644
--- a/src/routes/onboarding-checks.tsx
+++ b/src/routes/onboarding-checks.tsx
@@ -1,5 +1,5 @@
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { attributes } from "../utils/attributes";
 import ArrowRightCircle from "../assets/icons/arrow-circle.svg?react";
 import { OnBoardingLayout } from "../components/OnBoarding/OnBoardingLayout";
@@ -14,20 +14,20 @@ const OnBoardingChecks = () => {
   const [isStepValid, setIsStepValid] = useState(false);
   const navigate = useNavigate({ from: "/onboarding-checks" });
 
-  useEffect(() => {
-    const onKeyPress = (event: Event) => {
-      const e = event as KeyboardEvent;
-      if (e.key === "ArrowRight" && isStepValid) {
-        navigate({ to: "/dashboard" });
-      } else if (e.key === "ArrowLeft") {
-        navigate({ to: "/onboarding-name" });
-      }
-    };
+  // useEffect(() => {
+  //   const onKeyPress = (event: Event) => {
+  //     const e = event as KeyboardEvent;
+  //     if (e.key === "ArrowRight" && isStepValid) {
+  //       navigate({ to: "/dashboard" });
+  //     } else if (e.key === "ArrowLeft") {
+  //       navigate({ to: "/onboarding-name" });
+  //     }
+  //   };
 
-    document.addEventListener("keydown", onKeyPress);
+  //   document.addEventListener("keydown", onKeyPress);
 
-    return () => document.removeEventListener("keydown", onKeyPress);
-  }, [navigate, isStepValid]);
+  //   return () => document.removeEventListener("keydown", onKeyPress);
+  // }, [navigate, isStepValid]);
 
   const onNextStep = () => {
     if (isStepValid) {
diff --git a/src/routes/onboarding-name.tsx b/src/routes/onboarding-name.tsx
index 09faacf..834a2c6 100644
--- a/src/routes/onboarding-name.tsx
+++ b/src/routes/onboarding-name.tsx
@@ -1,5 +1,5 @@
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { OnBoardingLayout } from "../components/OnBoarding/OnBoardingLayout";
 import { attributes } from "../utils/attributes";
 import ArrowRightCircle from "../assets/icons/arrow-circle.svg?react";
@@ -21,20 +21,20 @@ const OnBoardingName = () => {
     }
   };
 
-  useEffect(() => {
-    const onKeyPress = (event: Event) => {
-      const e = event as KeyboardEvent;
-      if (e.key === "ArrowRight") {
-        navigate({ to: "/onboarding-checks" });
-      } else if (e.key === "ArrowLeft") {
-        navigate({ to: "/" });
-      }
-    };
+  // useEffect(() => {
+  //   const onKeyPress = (event: Event) => {
+  //     const e = event as KeyboardEvent;
+  //     if (e.key === "ArrowRight") {
+  //       navigate({ to: "/onboarding-checks" });
+  //     } else if (e.key === "ArrowLeft") {
+  //       navigate({ to: "/" });
+  //     }
+  //   };
 
-    document.addEventListener("keydown", onKeyPress);
+  //   document.addEventListener("keydown", onKeyPress);
 
-    return () => document.removeEventListener("keydown", onKeyPress);
-  }, [navigate]);
+  //   return () => document.removeEventListener("keydown", onKeyPress);
+  // }, [navigate]);
 
   return (
     <OnBoardingLayout defaultIsStepValid={false} step={1}>