diff --git a/src/routes/docs/tutorials/nextjs/step-5/+page.markdoc b/src/routes/docs/tutorials/nextjs/step-5/+page.markdoc
index b896f49b77..1cb6fb58bc 100644
--- a/src/routes/docs/tutorials/nextjs/step-5/+page.markdoc
+++ b/src/routes/docs/tutorials/nextjs/step-5/+page.markdoc
@@ -11,7 +11,7 @@ We will use the `useAuth()` hook for information about the current user.
 With this piece of information we will show a login button when no user is logged in and a logout button when one is.
 We will also put the user's email address next to the logout button.
 
-Create a new file `src/components/Navbar.tsx` and add the code below.
+Create a new file called `src/components/Navbar.tsx` and add the following code.
 
 ```tsx
 // src/components/Navbar.tsx
@@ -82,4 +82,4 @@ export default function RootLayout({
 }
 ```
 
-Have a look in the browser at both the main page and the login page to test the new functionality.
\ No newline at end of file
+Have a look in the browser at both the main page and the login page to test the new functionality.