diff --git a/client/src/app/(root)/sandbox/[id]/page.tsx b/client/src/app/(root)/sandbox/[id]/page.tsx
index 0ba26e05..cd04b0d3 100644
--- a/client/src/app/(root)/sandbox/[id]/page.tsx
+++ b/client/src/app/(root)/sandbox/[id]/page.tsx
@@ -1,4 +1,7 @@
+import { redirect } from "next/navigation";
+
 import { dehydrate, Hydrate, QueryClient } from "@tanstack/react-query";
+import { Session } from "next-auth";
 
 import { client, QUERY_OPTIONS } from "@/lib/queryClient";
 import { queryKeys } from "@/lib/queryKeys";
@@ -8,8 +11,6 @@ import { auth } from "@/app/auth/api/[...nextauth]/config";
 import Sandbox from "@/containers/sandbox/user-sandbox";
 
 import { getAuthHeader } from "@/utils/auth-header";
-import { redirect } from "next/navigation";
-import { Session } from "next-auth";
 
 async function fetchCustomWidget(id: string, session: Session | null) {
   try {
diff --git a/client/src/containers/widget/update-widget/index.tsx b/client/src/containers/widget/update-widget/index.tsx
index 998af709..a8616f01 100644
--- a/client/src/containers/widget/update-widget/index.tsx
+++ b/client/src/containers/widget/update-widget/index.tsx
@@ -96,7 +96,7 @@ const UpdateWidgetMenu: FC<UpdateWidgetMenuProps> = ({
   const updateWidget = useCallback(async () => {
     const { status } = await client.users.updateCustomWidget.mutation({
       params: {
-        id: widgetId,
+        id: Number(widgetId),
         userId: session?.user.id as string,
       },
       body: {