diff --git a/src/app/workbook/[id]/layout.tsx b/src/app/workbook/[id]/layout.tsx
index 9bad66dd..2db86c44 100644
--- a/src/app/workbook/[id]/layout.tsx
+++ b/src/app/workbook/[id]/layout.tsx
@@ -3,16 +3,12 @@ import type { Metadata } from "next";
 
 import { createMetadata } from "@shared/utils/metadata";
 
-
 import { HydrationBoundary } from "@tanstack/react-query";
 import { prefetchWorkbookQuery } from "@workbook/remotes/prefetchWorkbookQuery";
 import { WorkbookPageProps } from "@workbook/types";
 
-
-import { getWorkbookQueryOptions } from "@workbook/remotes/getWorkbookQueryOptions";
 import TopBar from "@shared/components/TopBar";
 
-
 export async function generateMetadata({
   params,
 }: WorkbookPageProps): Promise<Metadata> {
@@ -30,7 +26,6 @@ interface WorkbookLayoutProps {
   children: React.ReactNode;
 }
 
-
 export default async function WorkbookLayout({
   params,
   children,
@@ -38,13 +33,14 @@ export default async function WorkbookLayout({
   const { state } = await prefetchWorkbookQuery({ params });
   return (
     <HydrationBoundary state={state}>
-    <section className="flex h-auto w-full flex-col justify-between">
-      <div className="mb-[10px] flex flex-col">
-        <div className="mx-[20px]">
-          <TopBar />
+      <section className="flex h-auto w-full flex-col justify-between">
+        <div className="mb-[10px] flex flex-col">
+          <div className="mx-[20px]">
+            <TopBar />
+          </div>
+          {children}
         </div>
-        {children}
-      </div>
-    </section>
+      </section>
     </HydrationBoundary>
+  );
 }