diff --git a/components/AppNavbar.vue b/components/AppNavbar.vue
index 83ec17e..05ecf2e 100644
--- a/components/AppNavbar.vue
+++ b/components/AppNavbar.vue
@@ -49,7 +49,7 @@ const handleRandomClick = async () => {
       </ul>
     </div>
     <div class="navbar-end">
-      <button @click="handleRandomClick" class="btn btn-primary">Random</button>
+      <button class="btn btn-primary" @click="handleRandomClick">Random</button>
     </div>
   </nav>
 </template>
diff --git a/pages/[id].vue b/pages/[id].vue
index 8cf18eb..06429f8 100644
--- a/pages/[id].vue
+++ b/pages/[id].vue
@@ -24,7 +24,6 @@ const {
 } = id === "random" ? await useRecipeRandom() : await useRecipeById(Number(id));
 
 if (error.value) {
-  let statusCode = 400;
   if (error.value.message === "Recipe not found") {
     throw createError({
       statusCode: 404,
@@ -33,7 +32,7 @@ if (error.value) {
   }
 
   throw createError({
-    statusCode,
+    statusCode: 400,
     statusMessage: "Invalid recipe id",
     message: error.value.message,
   });
diff --git a/server/trpc/trpc.ts b/server/trpc/trpc.ts
index b2ff203..acd3581 100644
--- a/server/trpc/trpc.ts
+++ b/server/trpc/trpc.ts
@@ -1,6 +1,5 @@
-import { initTRPC } from "@trpc/server";
+import { initTRPC , TRPCError } from "@trpc/server";
 import type { Context } from "~/server/trpc/context";
-import { TRPCError } from "@trpc/server";
 // import { authMiddleware } from "~/server/trpc/middleware";
 
 const t = initTRPC.context<Context>().create();