diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index 126c7f3..d918d5e 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -16,6 +16,7 @@ import {
   CodepenOutlined,
   WindowsOutlined,
   AliyunOutlined,
+  SettingOutlined
 } from "@ant-design/icons";
 import { observer } from "mobx-react-lite";
 import { useStore } from "../../utils/useStore";
@@ -73,7 +74,7 @@ export const MenuList = observer((props) => {
         </Menu.Item>
       )}
       {store.authentication.userData.role === "Admin" && (
-        <SubMenu key="config" icon={<MenuUnfoldOutlined />} title="Config">
+        <SubMenu key="config" icon={<SettingOutlined />} title="Config">
           <Menu.Item key="partner">
             <Link to={LINKS.PARTNER}>
               <WindowsOutlined />
diff --git a/src/pages/Home/Home.js b/src/pages/Home/Home.js
index 7c02c2e..ed52837 100644
--- a/src/pages/Home/Home.js
+++ b/src/pages/Home/Home.js
@@ -50,7 +50,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>
@@ -68,7 +73,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>
@@ -84,7 +94,7 @@ export const Home = observer(() => {
               height: 200,
               marginBottom: 10,
               marginRight: 20,
-              borderColor: "salmon"
+              borderColor: "salmon",
             }}
           >
             <Row>
diff --git a/src/pages/Membership/MembershipModal.js b/src/pages/Membership/MembershipModal.js
index 273c6cc..b7b1ade 100644
--- a/src/pages/Membership/MembershipModal.js
+++ b/src/pages/Membership/MembershipModal.js
@@ -82,12 +82,16 @@ export const MembershipModal = ({
             name="phone_number"
             label="Phone Number"
             rules={[
-              { required: true, message: "Please input Phone Number!" },
+              {
+                required: true,
+                message: "Please input Phone Number!",
+              },
               {
                 pattern: /^(?:\d*)$/,
                 message: "Value should contain just number",
               },
               {
+                //pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})/,
                 pattern: /^[\d]{0,12}$/,
                 message: "Value should be less than 12 character",
               },