diff --git a/src/pages/App/DesktopLayout.js b/src/pages/App/DesktopLayout.js
index 909921e..1c42c2e 100644
--- a/src/pages/App/DesktopLayout.js
+++ b/src/pages/App/DesktopLayout.js
@@ -20,7 +20,9 @@ import {
   WindowsOutlined,
   SlackOutlined,
   AppstoreAddOutlined,
+  PieChartOutlined,
   AppstoreOutlined,
+  DollarCircleOutlined,
 } from "@ant-design/icons";
 import { AppRoute, LINKS } from "../../routes/app";
 import { useStore } from "../../utils/useStore";
@@ -187,12 +189,12 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Admin" && (
                 <SubMenu
                   key="product-main"
-                  icon={<AppstoreAddOutlined />}
+                  icon={<PieChartOutlined />}
                   title="Product"
                 >
                   <Menu.Item key="product">
                     <Link to={LINKS.PRODUCT}>
-                      <DatabaseOutlined />
+                      <PieChartOutlined />
                       <span>Produk</span>
                     </Link>
                   </Menu.Item>
@@ -217,7 +219,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Supervisor" && (
                 <Menu.Item key="product">
                   <Link to={LINKS.PRODUCT}>
-                    <AppstoreAddOutlined />
+                    <PieChartOutlined />
                     <span>Produk</span>
                   </Link>
                 </Menu.Item>
@@ -225,7 +227,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Admin Partner" && (
                 <Menu.Item key="product">
                   <Link to={LINKS.PRODUCT}>
-                    <AppstoreAddOutlined />
+                    <PieChartOutlined />
                     <span>Produk</span>
                   </Link>
                 </Menu.Item>
@@ -233,7 +235,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Sales" && (
                 <Menu.Item key="product">
                   <Link to={LINKS.PRODUCT}>
-                    <AppstoreAddOutlined />
+                    <PieChartOutlined />
                     <span>Produk</span>
                   </Link>
                 </Menu.Item>
@@ -257,7 +259,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role !== "Admin Partner" && (
                 <SubMenu
                   key="payback-main"
-                  icon={<ProfileOutlined />}
+                  icon={<DollarCircleOutlined />}
                   title="Pembayaran"
                 >
                   {store.authentication.userData.role !== "Retail" && (
diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index 3126d42..b6e21dd 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -19,6 +19,8 @@ import {
   SettingOutlined,
   IdcardOutlined,
   AppstoreAddOutlined,
+  DollarCircleOutlined,
+  PieChartOutlined
 } from "@ant-design/icons";
 import { observer } from "mobx-react-lite";
 import { useStore } from "../../utils/useStore";
@@ -121,7 +123,7 @@ export const MenuList = observer((props) => {
         >
           <Menu.Item key="produk">
             <Link to={LINKS.PRODUCT}>
-              <AliyunOutlined />
+              <PieChartOutlined />
               <span>Produk</span>
             </Link>
           </Menu.Item>
@@ -146,7 +148,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role === "Admin Partner" && (
         <Menu.Item key="retail">
           <Link to={LINKS.PRODUCT}>
-            <AppstoreAddOutlined />
+            <PieChartOutlined />
             <span>Produk</span>
           </Link>
         </Menu.Item>
@@ -154,7 +156,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role === "Sales" && (
         <Menu.Item key="retail">
           <Link to={LINKS.PRODUCT}>
-            <AppstoreAddOutlined />
+            <PieChartOutlined />
             <span>Produk</span>
           </Link>
         </Menu.Item>
@@ -162,7 +164,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role === "Supervisor" && (
         <Menu.Item key="retail">
           <Link to={LINKS.PRODUCT}>
-            <AppstoreAddOutlined />
+            <PieChartOutlined />
             <span>Produk</span>
           </Link>
         </Menu.Item>
@@ -178,7 +180,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role !== "Admin Partner" && (
         <SubMenu
           key="payback-main"
-          icon={<CodepenOutlined />}
+          icon={<DollarCircleOutlined />}
           title="Pembayaran"
         >
           {store.authentication.userData.role !== "Retail" && (
diff --git a/src/store/membership.js b/src/store/membership.js
index 13c2aaa..e1fd2a3 100644
--- a/src/store/membership.js
+++ b/src/store/membership.js
@@ -57,7 +57,7 @@ export class Membership {
     async getDataBySuperior() {
         try {
             const response = await http.get(`/users/find-by-supperior?page=${this.page}&pageSize=${this.pageSize}`);
-            //console.log(response)
+            console.log(response)
             this.data = response.body.data.map((item, idx) => {
                 item.key = idx;
                 item.name = item?.user_detail?.name;
@@ -68,7 +68,7 @@ export class Membership {
             }) ?? []
 
             this.total_data = response?.body?.count ?? 0
-            //console.log(this.total_data)
+            console.log(this.total_data)
         } catch (e) {
             console.error(e);
         }