diff --git a/resources/js/Layouts/AuthenticatedLayout.tsx b/resources/js/Layouts/AuthenticatedLayout.tsx
index 78b19ad..f0a95c2 100644
--- a/resources/js/Layouts/AuthenticatedLayout.tsx
+++ b/resources/js/Layouts/AuthenticatedLayout.tsx
@@ -1,4 +1,18 @@
-import { ChevronDown, ChevronRight, Package, ClipboardList, ShoppingCart, Menu, X, PanelLeftClose, PanelLeftOpen } from "lucide-react";
+import {
+    ChevronDown,
+    ChevronRight,
+    Package,
+    ShoppingCart,
+    Menu,
+    X,
+    PanelLeftClose,
+    PanelLeftOpen,
+    Boxes,
+    Warehouse,
+    Truck,
+    Contact2,
+    FileText
+} from "lucide-react";
 import { Toaster } from "sonner";
 import { useState, useEffect } from "react";
 import { Link, usePage } from "@inertiajs/react";
@@ -26,18 +40,18 @@ export default function AuthenticatedLayout({ children }: { children: React.Reac
         {
             id: "inventory-management",
             label: "商品與庫存管理",
-            icon: <Package className="h-5 w-5" />,
+            icon: <Boxes className="h-5 w-5" />,
             children: [
                 {
                     id: "product-management",
                     label: "商品資料管理",
-                    icon: <ClipboardList className="h-4 w-4" />,
+                    icon: <Package className="h-4 w-4" />,
                     route: "/products",
                 },
                 {
                     id: "warehouse-management",
                     label: "倉庫管理",
-                    icon: <Package className="h-4 w-4" />,
+                    icon: <Warehouse className="h-4 w-4" />,
                     route: "/warehouses",
                 },
             ],
@@ -45,12 +59,12 @@ export default function AuthenticatedLayout({ children }: { children: React.Reac
         {
             id: "vendor-management",
             label: "廠商管理",
-            icon: <Package className="h-5 w-5" />, // Using Package icon for now, can be changed
+            icon: <Truck className="h-5 w-5" />,
             children: [
                 {
                     id: "vendor-list",
                     label: "廠商資料管理",
-                    icon: <ClipboardList className="h-4 w-4" />,
+                    icon: <Contact2 className="h-4 w-4" />,
                     route: "/vendors",
                 },
             ],
@@ -63,7 +77,7 @@ export default function AuthenticatedLayout({ children }: { children: React.Reac
                 {
                     id: "purchase-order-list",
                     label: "管理採購單",
-                    icon: <ClipboardList className="h-4 w-4" />,
+                    icon: <FileText className="h-4 w-4" />,
                     route: "/purchase-orders",
                 },
             ],
@@ -154,7 +168,7 @@ export default function AuthenticatedLayout({ children }: { children: React.Reac
 
                         {!isCollapsed && (
                             <>
-                                <span className="flex-1 text-left text-sm font-medium text-slate-700 group-hover:text-slate-900 truncate">
+                                <span className="flex-1 text-left text-base font-medium text-slate-700 group-hover:text-slate-900 truncate">
                                     {item.label}
                                 </span>
                                 <span className="flex-shrink-0 transition-transform duration-200">
@@ -190,7 +204,7 @@ export default function AuthenticatedLayout({ children }: { children: React.Reac
                             </span>
                         )}
                         {!isCollapsed && (
-                            <span className="text-sm font-medium truncate">
+                            <span className="text-base font-medium truncate">
                                 {item.label}
                             </span>
                         )}