diff --git a/src/pages/Profile/Profile.js b/src/pages/Profile/Profile.js
index 6eb391f..3855740 100644
--- a/src/pages/Profile/Profile.js
+++ b/src/pages/Profile/Profile.js
@@ -1,9 +1,10 @@
 import React, {useEffect} from "react";
-import {Card, Col, Row, Table, Typography} from "antd";
+import {Button, Card, Col, Row, Table, Typography} from "antd";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {LINKS} from "../../routes/app";
 import {useStore} from "../../utils/useStore";
 import {observer} from "mobx-react-lite";
+import {FilterOutlined} from "@ant-design/icons";
 
 const {Title, Text} = Typography;
 
@@ -88,9 +89,16 @@ export const Profile = observer(() => {
                     <Col span={24}>
                         <div>
                             <Title strong level={3}>History User Transaction</Title>
+
+                            <Button style={{marginBottom: '1rem'}} onClick={() => {
+                                console.log('clicked filter')
+                            }}>
+                                <FilterOutlined/>
+                                Filter
+                            </Button>
                             <Table
                                 columns={columns}
-                                dataSource={store.transaction.dataHistoryTransaction.data}
+                                dataSource={store.transaction.dataHistoryTransaction}
                                 bordered
                             />
                         </div>