diff --git a/resources/js/components/app-sidebar-header.tsx b/resources/js/components/app-sidebar-header.tsx
index 3d97cac..e78ce1f 100644
--- a/resources/js/components/app-sidebar-header.tsx
+++ b/resources/js/components/app-sidebar-header.tsx
@@ -9,7 +9,7 @@ export function AppSidebarHeader({
     breadcrumbs?: BreadcrumbItemType[];
 }) {
     return (
-        <header className="flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/50 px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4">
+        <header className="sticky top-0 z-50 flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/50 bg-background px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4">
             <div className="flex items-center gap-2">
                 <SidebarTrigger className="-ml-1" />
                 <Breadcrumbs breadcrumbs={breadcrumbs} />
diff --git a/resources/js/components/app-sidebar.tsx b/resources/js/components/app-sidebar.tsx
index e4a1088..14e8134 100644
--- a/resources/js/components/app-sidebar.tsx
+++ b/resources/js/components/app-sidebar.tsx
@@ -20,6 +20,7 @@ import { index as employeesIndex } from '@/routes/admin/hr/employees';
 import { index as leaveRequestsIndex } from '@/routes/admin/hr/leave-requests';
 import { index as categoriesIndex } from '@/routes/admin/master/categories';
 import { index as customersIndex } from '@/routes/admin/master/customers';
+import { index as productsIndex } from '@/routes/admin/master/products';
 import { index as suppliersIndex } from '@/routes/admin/master/suppliers';
 import { index as rolesIndex } from '@/routes/admin/settings/roles';
 import { Link } from '@inertiajs/react';
@@ -64,7 +65,7 @@ const analisaItem: NavMenuItem = {
 
 const masterItems: NavMenuItem[] = [
     { title: 'Kategori', href: categoriesIndex.url(), icon: Tags },
-    { title: 'Produk', href: '#', icon: Package },
+    { title: 'Produk', href: productsIndex.url(), icon: Package },
     { title: 'Bahan Baku', href: '#', icon: Boxes },
     { title: 'Supplier', href: suppliersIndex.url(), icon: Truck },
     { title: 'Customer', href: customersIndex.url(), icon: Users },