diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index b0aac5b..6b8fde2 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -14,6 +14,10 @@ import {
   ProjectOutlined,
   ShoppingCartOutlined,
   UserOutlined,
+  SlackOutlined,
+  CodepenOutlined,
+  WindowsOutlined,
+  AliyunOutlined
 } from "@ant-design/icons";
 import { observer } from "mobx-react-lite";
 import { useStore } from "../../utils/useStore";
@@ -67,13 +71,13 @@ export const MenuList = observer((props) => {
         <SubMenu key="config" icon={<MenuUnfoldOutlined />} title="Config">
           <Menu.Item key="partner">
             <Link to={LINKS.PARTNER}>
-              <ProjectOutlined />
+              <WindowsOutlined />
               <span>Rekanan</span>
             </Link>
           </Menu.Item>
           <Menu.Item key="commision">
             <Link to={LINKS.COMMISSION}>
-              <MoneyCollectOutlined />
+              <SlackOutlined />
               <span>Komisi</span>
             </Link>
           </Menu.Item>
@@ -87,9 +91,9 @@ export const MenuList = observer((props) => {
       )}
       {store.authentication.userData.role === "Admin" && (
         <SubMenu key="product-main" icon={<ProfileOutlined />} title="Product">
-          <Menu.Item key="product">
+          <Menu.Item key="produk">
             <Link to={LINKS.PRODUCT}>
-              <DatabaseOutlined />
+              <AliyunOutlined />
               <span>Produk</span>
             </Link>
           </Menu.Item>
@@ -140,7 +144,7 @@ export const MenuList = observer((props) => {
         store.authentication.userData.role !== "Admin Partner" && (
           <SubMenu
             key="payback-main"
-            icon={<ProfileOutlined />}
+            icon={<CodepenOutlined />}
             title="Pembayaran"
           >
             {store.authentication.userData.role !== "Retail" && (