diff --git a/src/app/planner/page.tsx b/src/app/planner/page.tsx
index ac4b2e0..f571165 100644
--- a/src/app/planner/page.tsx
+++ b/src/app/planner/page.tsx
@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { NavbarStyleFullscreen } from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function PlannerPage() {
   const [tasks, setTasks] = useState([
@@ -25,10 +25,12 @@ export default function PlannerPage() {
       headingFontWeight="normal"
     >
       <div className="min-h-screen bg-[var(--background)] p-8">
-        <NavbarStyleFullscreen
-          brandName="NeuroFlow Planner"
-          navItems={[{ name: "Back to Home", id: "/" }]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            brandName="NeuroFlow Planner"
+            navItems={[{ name: "Back to Home", id: "/" }]}
+          />
+        </div>
         
         <main className="mt-24 max-w-4xl mx-auto space-y-6">
           <h1 className="text-4xl font-bold text-[var(--foreground)]">Daily Planner</h1>