diff --git a/dashboard/src/App.jsx b/dashboard/src/App.jsx
index 3de766f..5b6b95f 100644
--- a/dashboard/src/App.jsx
+++ b/dashboard/src/App.jsx
@@ -116,7 +116,7 @@ const DashboardLayout = () => {
             </div>
           </div>
           <div className="grid grid-cols-12 gap-4">
-            <div id="product-grid" className="col-span-12 lg:col-span-4 h-[500px]">
+            <div id="products" className="col-span-12 lg:col-span-4 h-[500px]">
               <ProductGrid />
             </div>
             <div id="campaigns" className="col-span-12 lg:col-span-8">
diff --git a/dashboard/src/components/dashboard/Navigation.jsx b/dashboard/src/components/dashboard/Navigation.jsx
index 011e232..e26d161 100644
--- a/dashboard/src/components/dashboard/Navigation.jsx
+++ b/dashboard/src/components/dashboard/Navigation.jsx
@@ -19,14 +19,10 @@ const Navigation = () => {
   // Define base sections that are always visible
   const baseSections = [
     { id: "stats", label: "Statistics" },
-    {
-      id: "feed",
-      label: "Event Feed",
-      responsiveIds: ["feed-xl", "feed-lg"],
-    },
     { id: "realtime", label: "Realtime" },
-    { id: "products", label: "Top Products" },
+    { id: "feed", label: "Event Feed" },
     { id: "sales", label: "Sales Chart" },
+    { id: "products", label: "Top Products" },
     { id: "campaigns", label: "Campaigns" },
     { id: "analytics", label: "Analytics" },
     { id: "user-behavior", label: "User Behavior" },