diff --git a/src/pages/App/DesktopLayout.js b/src/pages/App/DesktopLayout.js
index 1921f50..2a51446 100644
--- a/src/pages/App/DesktopLayout.js
+++ b/src/pages/App/DesktopLayout.js
@@ -15,6 +15,12 @@ import {
   ProfileOutlined,
   ShoppingCartOutlined,
   UserOutlined,
+  IdcardOutlined,
+  SettingOutlined,
+  WindowsOutlined,
+  SlackOutlined,
+  AppstoreAddOutlined,
+  AppstoreOutlined,
 } from "@ant-design/icons";
 import { AppRoute, LINKS } from "../../routes/app";
 import { useStore } from "../../utils/useStore";
@@ -129,7 +135,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Admin" && (
                 <Menu.Item key="membership">
                   <Link to={LINKS.MEMBERSHIP}>
-                    <FileProtectOutlined />
+                    <IdcardOutlined />
                     <span>Keanggotaan</span>
                   </Link>
                 </Menu.Item>
@@ -137,7 +143,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Supervisor" && (
                 <Menu.Item key="membership">
                   <Link to={LINKS.MEMBERSHIP}>
-                    <FileProtectOutlined />
+                    <IdcardOutlined />
                     <span>Keanggotaan</span>
                   </Link>
                 </Menu.Item>
@@ -145,25 +151,25 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Admin" && (
                 <SubMenu
                   key="config"
-                  icon={<HomeOutlined />}
+                  icon={<SettingOutlined />}
                   title="Config"
                   style={{ backgroundColor: "#e3e8ee" }}
                 >
                   <Menu.Item key="partner">
                     <Link to={LINKS.PARTNER}>
-                      <HomeOutlined />
+                      <WindowsOutlined />
                       <span>Rekanan</span>
                     </Link>
                   </Menu.Item>
                   <Menu.Item key="commision">
                     <Link to={LINKS.COMMISSION}>
-                      <HomeOutlined />
+                      <SlackOutlined />
                       <span>Komisi</span>
                     </Link>
                   </Menu.Item>
                   <Menu.Item key="supplier">
                     <Link to={LINKS.SUPPLIER}>
-                      <HomeOutlined />
+                      <AppstoreOutlined />
                       <span>Supplier</span>
                     </Link>
                   </Menu.Item>
@@ -172,7 +178,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Admin" && (
                 <SubMenu
                   key="product-main"
-                  icon={<DatabaseOutlined />}
+                  icon={<AppstoreAddOutlined />}
                   title="Product"
                 >
                   <Menu.Item key="product">
@@ -202,7 +208,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Supervisor" && (
                 <Menu.Item key="product">
                   <Link to={LINKS.PRODUCT}>
-                    <DatabaseOutlined />
+                    <AppstoreAddOutlined />
                     <span>Produk</span>
                   </Link>
                 </Menu.Item>
@@ -210,7 +216,7 @@ export const DesktopLayout = observer(() => {
               {store.authentication.userData.role === "Admin Partner" && (
                 <Menu.Item key="product">
                   <Link to={LINKS.PRODUCT}>
-                    <DatabaseOutlined />
+                    <AppstoreAddOutlined />
                     <span>Produk</span>
                   </Link>
                 </Menu.Item>
@@ -231,7 +237,8 @@ export const DesktopLayout = observer(() => {
                   </Link>
                 </Menu.Item>
               )}
-              {store.authentication.userData.role !== "Admin Partner" && store.authentication.userData.role !== "Retail" && (
+              {store.authentication.userData.role !== "Admin Partner" &&
+                store.authentication.userData.role !== "Retail" && (
                   <SubMenu
                     key="payback-main"
                     icon={<ProfileOutlined />}
diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index d918d5e..a3dac73 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -16,7 +16,9 @@ import {
   CodepenOutlined,
   WindowsOutlined,
   AliyunOutlined,
-  SettingOutlined
+  SettingOutlined,
+  IdcardOutlined,
+  AppstoreAddOutlined,
 } from "@ant-design/icons";
 import { observer } from "mobx-react-lite";
 import { useStore } from "../../utils/useStore";
@@ -60,7 +62,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role === "Admin" && (
         <Menu.Item key="membership">
           <Link to={LINKS.MEMBERSHIP}>
-            <FileProtectOutlined />
+            <IdcardOutlined />
             <span>Keanggotaan</span>
           </Link>
         </Menu.Item>
@@ -68,7 +70,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role === "Supervisor" && (
         <Menu.Item key="membership">
           <Link to={LINKS.MEMBERSHIP}>
-            <FileProtectOutlined />
+            <IdcardOutlined />
             <span>Keanggotaan</span>
           </Link>
         </Menu.Item>
@@ -96,7 +98,11 @@ export const MenuList = observer((props) => {
         </SubMenu>
       )}
       {store.authentication.userData.role === "Admin" && (
-        <SubMenu key="product-main" icon={<ProfileOutlined />} title="Produk">
+        <SubMenu
+          key="product-main"
+          icon={<AppstoreAddOutlined />}
+          title="Produk"
+        >
           <Menu.Item key="produk">
             <Link to={LINKS.PRODUCT}>
               <AliyunOutlined />
@@ -124,7 +130,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role === "Admin Partner" && (
         <Menu.Item key="retail">
           <Link to={LINKS.PRODUCT}>
-            <DatabaseOutlined />
+            <AppstoreAddOutlined />
             <span>Produk</span>
           </Link>
         </Menu.Item>
@@ -132,7 +138,7 @@ export const MenuList = observer((props) => {
       {store.authentication.userData.role === "Supervisor" && (
         <Menu.Item key="retail">
           <Link to={LINKS.PRODUCT}>
-            <DatabaseOutlined />
+            <AppstoreAddOutlined />
             <span>Produk</span>
           </Link>
         </Menu.Item>
diff --git a/src/pages/Home/Home.js b/src/pages/Home/Home.js
index ed52837..b3b80d6 100644
--- a/src/pages/Home/Home.js
+++ b/src/pages/Home/Home.js
@@ -118,7 +118,12 @@ export const Home = observer(() => {
             <Row>
               <DropboxOutlined style={{ fontSize: 30 }} />
               <PageHeader title={<span>Total Keuntungan</span>}>
-                <span>Rp.30.000.000</span>
+                <span>
+                  {new Intl.NumberFormat("id-ID", {
+                    style: "currency",
+                    currency: "IDR",
+                  }).format(store.authentication.profileData?.wallet || 0)}
+                </span>
               </PageHeader>
             </Row>
           </Card>
@@ -136,7 +141,12 @@ export const Home = observer(() => {
             <Row>
               <DollarCircleOutlined style={{ fontSize: 30 }} />
               <PageHeader title={<span>Saldo</span>}>
-                <span>Rp.200.000.000 </span>
+                <span>
+                  {new Intl.NumberFormat("id-ID", {
+                    style: "currency",
+                    currency: "IDR",
+                  }).format(store.authentication.profileData?.wallet || 0)}
+                </span>
               </PageHeader>
             </Row>
           </Card>