diff --git a/dashboard/src/App.jsx b/dashboard/src/App.jsx
index 58a91b8..6a54440 100644
--- a/dashboard/src/App.jsx
+++ b/dashboard/src/App.jsx
@@ -89,7 +89,7 @@ const DashboardLayout = () => {
         </div>
         <Navigation />
         <div className="p-4 space-y-4">
-          <KlaviyoCampaigns />
+
           <div className="grid grid-cols-1 xl:grid-cols-6 gap-4">
             <div className="xl:col-span-4 col-span-6">
               <div className="space-y-4 h-full w-full">
@@ -115,6 +115,9 @@ const DashboardLayout = () => {
               <SalesChart className="w-full h-full"/>
             </div>
           </div>
+          <div id="campaigns">
+            <KlaviyoCampaigns />
+          </div>
           <div id="calls">
             <AircallDashboard />
           </div>
diff --git a/dashboard/src/components/dashboard/Navigation.jsx b/dashboard/src/components/dashboard/Navigation.jsx
index e5820f8..545e483 100644
--- a/dashboard/src/components/dashboard/Navigation.jsx
+++ b/dashboard/src/components/dashboard/Navigation.jsx
@@ -26,6 +26,7 @@ const Navigation = () => {
     },
     { id: "products", label: "Top Products" },
     { id: "sales", label: "Sales Chart" },
+    { id: "campaigns", label: "Campaigns" },
     { id: "calls", label: "Aircall" },
   ];