diff --git a/templates/nextjs/src/app/faucet/page.tsx b/templates/nextjs/src/app/faucet/page.tsx
index f21c40d8174..ab414339732 100644
--- a/templates/nextjs/src/app/faucet/page.tsx
+++ b/templates/nextjs/src/app/faucet/page.tsx
@@ -95,7 +95,7 @@ export default function Faucet() {
                 : TESTNET_FAUCET_LINK
             }
             title="faucet"
-            className="w-full h-screen ovreflow-scroll"
+            className="w-full h-screen overflow-scroll"
           />
         </>
       )}
diff --git a/templates/nextjs/src/components/Layout.tsx b/templates/nextjs/src/components/Layout.tsx
index 956755e96cd..04788ae4cff 100644
--- a/templates/nextjs/src/components/Layout.tsx
+++ b/templates/nextjs/src/components/Layout.tsx
@@ -9,7 +9,7 @@ import { useActiveWallet } from "@/hooks/useActiveWallet";
 import { useFaucet } from "@/hooks/useFaucet";
 import Head from "next/head";
 import { bn } from "fuels";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 export const Layout = ({ children }: { children: React.ReactNode }) => {
   const { faucetWallet } = useFaucet();
diff --git a/templates/vite/src/routes/faucet.lazy.tsx b/templates/vite/src/routes/faucet.lazy.tsx
index e5ab996d92e..4f4261fe257 100644
--- a/templates/vite/src/routes/faucet.lazy.tsx
+++ b/templates/vite/src/routes/faucet.lazy.tsx
@@ -98,7 +98,7 @@ function Index() {
                 : TESTNET_FAUCET_LINK
             }
             title="faucet"
-            className="w-full h-screen ovreflow-scroll"
+            className="w-full h-screen overflow-scroll"
           />
         </>
       )}