diff --git a/src/pages/Home/Home.js b/src/pages/Home/Home.js
index c8f2718..9d08cfa 100644
--- a/src/pages/Home/Home.js
+++ b/src/pages/Home/Home.js
@@ -1,8 +1,12 @@
 import React from "react";
-import { Button, PageHeader, Card, Row, Col, List } from "antd";
+import { Button, PageHeader, Card, Row, Col } from "antd";
 import { store } from "../../utils/useStore";
 import { observer } from "mobx-react-lite";
-import { FilterOutlined, TransactionOutlined } from "@ant-design/icons";
+import {
+  DropboxOutlined,
+  DollarCircleOutlined,
+  BarChartOutlined,
+} from "@ant-design/icons";
 
 export const Home = observer(() => {
   return (
@@ -16,29 +20,21 @@ export const Home = observer(() => {
         >
           <Card
             className={"shadow"}
+            hoverable
             style={{
               marginLeft: 20,
               height: 200,
               marginBottom: 10,
+              borderColor: "salmon",
               width: "30%",
             }}
           >
-            <PageHeader title={<span>Total Transaksi</span>}>
-              <span>Total Transaksi : 25 Transaksi</span>
-            </PageHeader>
-          </Card>
-          <Card
-            className={"shadow"}
-            style={{
-              marginLeft: 20,
-              height: 200,
-              marginBottom: 10,
-              width: "30%",
-            }}
-          >
-            <PageHeader title={<span>Total Keuntungan</span>}>
-              <span>Rp.30.000.000</span>
-            </PageHeader>
+            <Row>
+              <BarChartOutlined style={{ fontSize: 30 }} />
+              <PageHeader title={<span>Total Transaksi</span>}>
+                <span>Total Transaksi : 25 Transaksi</span>
+              </PageHeader>
+            </Row>
           </Card>
           <Card
             className={"shadow"}
@@ -47,12 +43,34 @@ export const Home = observer(() => {
               marginLeft: 20,
               height: 200,
               marginBottom: 10,
+              borderColor: "salmon",
               width: "30%",
             }}
           >
-            <PageHeader title={<span>Saldo</span>}>
-              <span>Rp.200.000.000 </span>
-            </PageHeader>
+            <Row>
+              <DropboxOutlined style={{ fontSize: 30 }} />
+              <PageHeader title={<span>Total Keuntungan</span>}>
+                <span>Rp.30.000.000</span>
+              </PageHeader>
+            </Row>
+          </Card>
+          <Card
+            className={"shadow"}
+            hoverable
+            style={{
+              marginLeft: 20,
+              height: 200,
+              marginBottom: 10,
+              borderColor: "salmon",
+              width: "30%",
+            }}
+          >
+            <Row>
+              <DollarCircleOutlined style={{ fontSize: 30 }} />
+              <PageHeader title={<span>Saldo</span>}>
+                <span>Rp.200.000.000 </span>
+              </PageHeader>
+            </Row>
           </Card>
         </Row>
       )}
@@ -60,29 +78,21 @@ export const Home = observer(() => {
         <div style={{ marginTop: 10 }}>
           <Card
             className={"shadow"}
+            hoverable
             style={{
               marginLeft: 20,
               height: 200,
               marginBottom: 10,
               marginRight: 20,
+              borderColor: "salmon",
             }}
           >
-            <PageHeader title={<span>Total Transaksi</span>}>
-              <span>Total Transaksi :</span>
-            </PageHeader>
-          </Card>
-          <Card
-            className={"shadow"}
-            style={{
-              marginLeft: 20,
-              height: 200,
-              marginBottom: 10,
-              marginRight: 20,
-            }}
-          >
-            <PageHeader title={<span>Total Keuntungan</span>}>
-              <span>Rp.30.000.000</span>
-            </PageHeader>
+            <Row>
+              <BarChartOutlined style={{ fontSize: 30 }} />
+              <PageHeader title={<span>Total Transaksi</span>}>
+                <span>Total Transaksi : 25 Transaksi</span>
+              </PageHeader>
+            </Row>
           </Card>
           <Card
             className={"shadow"}
@@ -92,32 +102,36 @@ export const Home = observer(() => {
               height: 200,
               marginBottom: 10,
               marginRight: 20,
+              borderColor: "salmon",
             }}
           >
-            <PageHeader title={<span>Saldo</span>}>
-              <span>Rp.200.000.000 </span>
-            </PageHeader>
+            <Row>
+              <DropboxOutlined style={{ fontSize: 30 }} />
+              <PageHeader title={<span>Total Keuntungan</span>}>
+                <span>Rp.30.000.000</span>
+              </PageHeader>
+            </Row>
+          </Card>
+          <Card
+            className={"shadow"}
+            hoverable
+            style={{
+              marginLeft: 20,
+              height: 200,
+              marginBottom: 10,
+              marginRight: 20,
+              borderColor: "salmon",
+            }}
+          >
+            <Row>
+              <DollarCircleOutlined style={{ fontSize: 30 }} />
+              <PageHeader title={<span>Saldo</span>}>
+                <span>Rp.200.000.000 </span>
+              </PageHeader>
+            </Row>
           </Card>
         </div>
       )}
     </div>
   );
-  // return <div className={["ppob-container"].join(" ")}>
-  //     <PageHeader
-  //         style={{
-  //             padding: 0,
-  //             margin: 0,
-  //             height: 40,
-  //             backgroundColor: "transparent",
-  //         }}
-  //         title={"Home"}
-  //     >
-  //     </PageHeader>
-  //     <Button onClick={() => {
-  //         store.ui.setTestValue();
-  //     }}>{store.ui.testValue}</Button>
-  //     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aut recusandae velit! Consequatur corporis,
-  //     eum fuga, harum incidunt laboriosam minus necessitatibus neque non nostrum pariatur tempore. Dignissimos impedit
-  //     rem tempora!
-  // </div>
 });
diff --git a/src/pages/Membership/DetailUser.js b/src/pages/Membership/DetailUser.js
index 1301340..e3567f5 100644
--- a/src/pages/Membership/DetailUser.js
+++ b/src/pages/Membership/DetailUser.js
@@ -127,7 +127,7 @@ export const DetailUser = observer(() => {
   const routeData = [
     {
       route: LINKS.HOME,
-      name: "Home",
+      name: "Beranda",
     },
     {
       route: LINKS.MEMBERSHIP,