diff --git a/README.md b/README.md
index c58b952..66624dd 100644
--- a/README.md
+++ b/README.md
@@ -12,10 +12,10 @@
     <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
   </a>
     <a href="https://github.com/opexdev/OPEX-Admin-Panel">
-    <img src="https://img.shields.io/github/last-commit/opexdev/OPEX-Admin-Panel" alt="Last commit">
+    <img src="https://img.shields.io/github/last-commit/opexdev/admin-panel" alt="Last commit">
   </a>
   <a href="https://github.com/opexdev/OPEX-Web-APP/issues" target="blank">
-	<img src="https://img.shields.io/github/issues/opexdev/OPEX-Admin-Panel" alt="github-profile-readme-generator issues"/>
+	<img src="https://img.shields.io/github/issues/opexdev/admin-panel" alt="github-profile-readme-generator issues"/>
 </a>
 </p>
 
diff --git a/src/components/KycUsers/KycUsers.js b/src/components/KycUsers/KycUsers.js
index e9e5095..8ec741a 100644
--- a/src/components/KycUsers/KycUsers.js
+++ b/src/components/KycUsers/KycUsers.js
@@ -7,6 +7,7 @@ import usePagination from "../../hooks/usePagination";
 import {users as userRoute} from "../../routes/routes";
 import Loading from "../Loading";
 import {toast} from "react-hot-toast";
+import ScrollBar from "../ScrollBar";
 
 const KycUsers = () => {
     const axiosPrivate = useAxiosPrivate();
@@ -45,7 +46,6 @@ const KycUsers = () => {
     }, [status])
 
 
-
     const impersonateLogin = async (user) => {
         const params =
             {
@@ -62,85 +62,92 @@ const KycUsers = () => {
     }
 
     return <div className="col-12 d-flex flex-column justify-content-between align-items-center px-5 py-5">
-        <div className="d-flex justify-content-center align-items-center" style={{height:"12%" , width:"100%"}} onChange={(e) => setStatus(e.target.value)}>
+        <div className="d-flex justify-content-center align-items-center" style={{height: "12%", width: "100%"}}
+             onChange={(e) => setStatus(e.target.value)}>
 
-                <div className="form-check form-check-inline">
-                    <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-requested"
-                           defaultChecked={status === "kyc-requested"}  id="kyc-requested"/>
-                    <label className="form-check-label" htmlFor="kyc-requested">Requested</label>
-                </div>
+            <div className="form-check form-check-inline">
+                <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-requested"
+                       defaultChecked={status === "kyc-requested"} id="kyc-requested"/>
+                <label className="form-check-label" htmlFor="kyc-requested">Requested</label>
+            </div>
 
-                <div className="form-check form-check-inline">
-                     <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-accepted"
-                            defaultChecked={status === "kyc-accepted"} id="kyc-accepted"/>
-                     <label className="form-check-label" htmlFor="kyc-accepted">Accepted</label>
-                </div>
+            <div className="form-check form-check-inline">
+                <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-accepted"
+                       defaultChecked={status === "kyc-accepted"} id="kyc-accepted"/>
+                <label className="form-check-label" htmlFor="kyc-accepted">Accepted</label>
+            </div>
 
-                <div className="form-check form-check-inline">
-                    <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-rejected"
-                           defaultChecked={status === "kyc-rejected"} id="kyc-rejected"/>
-                    <label className="form-check-label" htmlFor="kyc-rejected">Rejected</label>
-                </div>
+            <div className="form-check form-check-inline">
+                <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-rejected"
+                       defaultChecked={status === "kyc-rejected"} id="kyc-rejected"/>
+                <label className="form-check-label" htmlFor="kyc-rejected">Rejected</label>
+            </div>
 
 
-                <div className="form-check form-check-inline">
-                    <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-blocked"
-                           defaultChecked={status === "kyc-blocked"} id="kyc-blocked"/>
-                    <label className="form-check-label" htmlFor="kyc-blocked">Blocked</label>
-                </div>
+            <div className="form-check form-check-inline">
+                <input className="form-check-input primary-bg" type="radio" name="status" value="kyc-blocked"
+                       defaultChecked={status === "kyc-blocked"} id="kyc-blocked"/>
+                <label className="form-check-label" htmlFor="kyc-blocked">Blocked</label>
+            </div>
 
         </div>
-        <div className="d-flex flex-column justify-content-between align-items-center" style={{height:"88%", width:"100%"}}>
-            <table className="table table-bordered rounded text-center col-12 striped">
-                <thead className="py-2 my-2" style={{paddingBottom: "1vh !important"}}>
-                <tr>
-                    <th scope="col"></th>
-                    <th scope="col">First Name</th>
-                    <th scope="col">Last Name</th>
-                    <th scope="col">Email</th>
-                    <th scope="col">ID</th>
-                    <th scope="col">Enable</th>
-                    <th scope="col">Email Verified</th>
-                    <th scope="col">Login as user</th>
-                    <th scope="col">Detail</th>
-                </tr>
-                </thead>
-                <tbody>
-                {
-                    isLoading ?
-                        <tr>
-                            <td colSpan="12" className="text-center py-5" style={{height:"50vh"}}>
-                                <Loading/>
-                            </td>
-                        </tr>
-                        : users?.users?.length === 0 ?
-                            <tr><td colSpan="12" className="text-center" style={{height:"50vh"}}>No User Exist</td></tr>:
-                            users?.users?.map((user, index) => <tr key={user.id}>
-                                <th scope="row">{index + 1}</th>
-                                <td>{user.firstName}</td>
-                                <td>{user.lastName}</td>
-                                <td>{user.email}</td>
-                                <td>{user.id}</td>
-                                <td>
-                                    <img className="table-img"
-                                         src={user.isEnabled ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
-                                         alt=""/></td>
-                                <td>
-                                    <img className="table-img"
-                                         src={user.isEmailVerified ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
-                                         alt=""/></td>
-                                <td>
-                                    <img className="table-img pointer" onClick={() => impersonateLogin(user.id)}
-                                         src={toAbsoluteUrl("media/img/double-arrow.svg")} alt=""/></td>
-                                <td>
-                                    <Link to={"/"+userRoute+"/"+user.id}>
-                                        <img className="table-img pointer" src={toAbsoluteUrl("media/img/info.svg")} alt=""/>
-                                    </Link>
+        <div className="d-flex flex-column justify-content-between align-items-center"
+             style={{height: "88%", width: "100%"}}>
+            <ScrollBar>
+                <table className="table table-bordered rounded text-center col-12 striped">
+                    <thead className="py-2 my-2" style={{paddingBottom: "1vh !important"}}>
+                    <tr>
+                        <th scope="col"></th>
+                        <th scope="col">First Name</th>
+                        <th scope="col">Last Name</th>
+                        <th scope="col">Email</th>
+                        <th scope="col">ID</th>
+                        <th scope="col">Enable</th>
+                        <th scope="col">Email Verified</th>
+                        <th scope="col">Login as user</th>
+                        <th scope="col">Detail</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {
+                        isLoading ?
+                            <tr>
+                                <td colSpan="12" className="text-center py-5" style={{height: "50vh"}}>
+                                    <Loading/>
                                 </td>
-                            </tr>)
-                }
-                </tbody>
-            </table>
+                            </tr>
+                            : users?.users?.length === 0 ?
+                                <tr>
+                                    <td colSpan="12" className="text-center" style={{height: "50vh"}}>No User Exist</td>
+                                </tr> :
+                                users?.users?.map((user, index) => <tr key={user.id}>
+                                    <th scope="row">{index + 1}</th>
+                                    <td>{user.firstName}</td>
+                                    <td>{user.lastName}</td>
+                                    <td>{user.email}</td>
+                                    <td>{user.id}</td>
+                                    <td>
+                                        <img className="table-img"
+                                             src={user.isEnabled ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
+                                             alt=""/></td>
+                                    <td>
+                                        <img className="table-img"
+                                             src={user.isEmailVerified ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
+                                             alt=""/></td>
+                                    <td>
+                                        <img className="table-img pointer" onClick={() => impersonateLogin(user.id)}
+                                             src={toAbsoluteUrl("media/img/double-arrow.svg")} alt=""/></td>
+                                    <td>
+                                        <Link to={"/" + userRoute + "/" + user.id}>
+                                            <img className="table-img pointer" src={toAbsoluteUrl("media/img/info.svg")}
+                                                 alt=""/>
+                                        </Link>
+                                    </td>
+                                </tr>)
+                    }
+                    </tbody>
+                </table>
+            </ScrollBar>
             {error ?
                 <div className="alert alert-danger" role="alert">
                     <i className="fa fa-exclamation-triangle mx-2" aria-hidden="true"/>
@@ -148,7 +155,9 @@ const KycUsers = () => {
                 </div>
                 : ""
             }
-            <Pagination maxPage={maxPage} paginate={paginate}/>
+            <div className="mt-5">
+                <Pagination maxPage={maxPage} paginate={paginate}/>
+            </div>
         </div>
     </div>
 }
diff --git a/src/components/Users/UserInfo.js b/src/components/Users/UserInfo.js
index 11fa7be..5c46d58 100644
--- a/src/components/Users/UserInfo.js
+++ b/src/components/Users/UserInfo.js
@@ -227,7 +227,7 @@ const UserInfo = () => {
             {
                 !isLoading ? <UserStatus id={user.id} initialState={user?.groups[0]?.name}>
 
-                    { !user?.attributes && <div className="text-danger secondary-bg card text-center py-5">This user has not entered any information</div> }
+                    { !user?.attributes && <div className="text-danger text-center py-5">User has no information</div> }
 
                     </UserStatus>
                     :""
diff --git a/src/components/Users/Users.js b/src/components/Users/Users.js
index 5efb72c..6c2f4a2 100644
--- a/src/components/Users/Users.js
+++ b/src/components/Users/Users.js
@@ -6,6 +6,7 @@ import {toast} from "react-hot-toast";
 import Pagination from "../Pagination/Pagination";
 import usePagination from "../../hooks/usePagination";
 import Loading from "../Loading";
+import ScrollBar from "../ScrollBar";
 
 const Users = () => {
     const [error, setError] = useState();
@@ -61,10 +62,11 @@ const Users = () => {
     }
 
     return <div className="col-12 d-flex flex-column justify-content-between align-items-center px-5 py-5">
+        <ScrollBar>
             <table className="table table-bordered rounded text-center col-12 striped">
                 <thead className="py-2 my-2" style={{paddingBottom: "1vh !important"}}>
                 <tr className="">
-                    <th scope="col my-1" style={{width:"4%"}}></th>
+                    <th scope="col my-1" style={{width: "4%"}}></th>
                     <th scope="col">First Name</th>
                     <th scope="col">Last Name</th>
                     <th scope="col">Email</th>
@@ -79,39 +81,42 @@ const Users = () => {
                 {
                     isLoading ?
                         <tr>
-                            <td colSpan="12" className="text-center py-5" style={{height:"50vh"}}>
+                            <td colSpan="12" className="text-center py-5" style={{height: "50vh"}}>
                                 <Loading/>
                             </td>
                         </tr>
                         : users?.users?.length === 0 ?
-                        <tr><td colSpan="12" className="text-center" style={{height:"50vh"}}>No User Exist</td></tr>:
-                        users?.users.map((user, index) => <tr key={user.id}>
-                            <th scope="row">{(paginate.page - 1) * paginate.perPage + index + 1}</th>
-                            <td>{user.firstName}</td>
-                            <td>{user.lastName}</td>
-                            <td>{user.email}</td>
-                            <td>{user.id}</td>
-                            <td>
-                                <img className="table-img"
-                                     src={user.isEnabled ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
-                                     alt=""/></td>
-                            <td>
-                                <img className="table-img"
-                                     src={user.isEmailVerified ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
-                                     alt=""/></td>
-                            <td>
-                                <img className="table-img pointer" onClick={() => impersonateLogin(user.id)}
-                                     src={toAbsoluteUrl("media/img/double-arrow.svg")} alt=""/></td>
-                            <td>
-                                <Link to={user.id}>
-                                    <img className="table-img pointer" src={toAbsoluteUrl("media/img/info.svg")}
-                                         alt=""/>
-                                </Link>
-                            </td>
-                        </tr>)
+                            <tr>
+                                <td colSpan="12" className="text-center" style={{height: "50vh"}}>No User Exist</td>
+                            </tr> :
+                            users?.users.map((user, index) => <tr key={user.id}>
+                                <th scope="row">{(paginate.page - 1) * paginate.perPage + index + 1}</th>
+                                <td>{user.firstName}</td>
+                                <td>{user.lastName}</td>
+                                <td>{user.email}</td>
+                                <td>{user.id}</td>
+                                <td>
+                                    <img className="table-img"
+                                         src={user.isEnabled ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
+                                         alt=""/></td>
+                                <td>
+                                    <img className="table-img"
+                                         src={user.isEmailVerified ? toAbsoluteUrl("media/img/check.svg") : toAbsoluteUrl("media/img/remove.svg")}
+                                         alt=""/></td>
+                                <td>
+                                    <img className="table-img pointer" onClick={() => impersonateLogin(user.id)}
+                                         src={toAbsoluteUrl("media/img/double-arrow.svg")} alt=""/></td>
+                                <td>
+                                    <Link to={user.id}>
+                                        <img className="table-img pointer" src={toAbsoluteUrl("media/img/info.svg")}
+                                             alt=""/>
+                                    </Link>
+                                </td>
+                            </tr>)
                 }
                 </tbody>
             </table>
+        </ScrollBar>
         {error ?
             <div className="alert alert-danger" role="alert">
                 <i className="fa fa-exclamation-triangle mx-2" aria-hidden="true"/>
@@ -119,8 +124,9 @@ const Users = () => {
             </div>
             : ""
         }
+        <div className="mt-5">
             <Pagination maxPage={maxPage} paginate={paginate}/>
-
+        </div>
     </div>
 }
 
diff --git a/src/components/Withdraws/Withdraws.js b/src/components/Withdraws/Withdraws.js
index 9ded74f..dd1de26 100644
--- a/src/components/Withdraws/Withdraws.js
+++ b/src/components/Withdraws/Withdraws.js
@@ -6,6 +6,7 @@ import moment from "moment/moment";
 import usePagination from "../../hooks/usePagination";
 import Pagination from "../Pagination/Pagination";
 import Loading from "../Loading";
+import ScrollBar from "../ScrollBar";
 
 const Withdraws = () => {
     const [error, setError] = useState();
@@ -52,7 +53,8 @@ const Withdraws = () => {
     }, [status, paginate])
 
     return <div className="col-12 d-flex flex-column justify-content-between align-items-center px-5 py-5">
-        <div className="d-flex justify-content-center align-items-center" style={{height:"12%" , width:"100%"}} onChange={(e) => setStatus(e.target.value)}>
+        <div className="d-flex justify-content-center align-items-center" style={{height: "12%", width: "100%"}}
+             onChange={(e) => setStatus(e.target.value)}>
             <div className="form-check form-check-inline">
                 <input className="form-check-input primary-bg" type="radio" name="status" value="CREATED"
                        defaultChecked={status === "CREATED"} id="CREATED"/>
@@ -70,55 +72,59 @@ const Withdraws = () => {
             </div>
         </div>
 
-        <div className="d-flex flex-column justify-content-between align-items-center" style={{height:"88%", width:"100%"}}>
-            <table className="table table-bordered rounded text-center col-12 striped">
-                <thead className="py-2 my-2" style={{paddingBottom: "1vh !important"}}>
-                <tr>
-                    <th scope="col"></th>
-                    <th scope="col">Destination Network</th>
-                    <th scope="col">Destination Currency</th>
-                    <th scope="col">Amount</th>
-                    <th scope="col">Accepted Fee</th>
-                    <th scope="col">Applied Fee</th>
-                    <th scope="col">Note</th>
-                    <th scope="col">Create Date</th>
-                    <th scope="col">Status</th>
-                    <th scope="col">Show</th>
-                </tr>
-                </thead>
-                <tbody>
-                {
-                    isLoading ?
-                        <tr>
-                            <td colSpan="12" className="text-center py-5" style={{height:"50vh"}}>
-                                <Loading/>
-                            </td>
-                        </tr>
-                        : withdraws.withdraws?.length === 0 ? <tr>
-                                <td colSpan="12" className="text-center" style={{height:"50vh"}}>No Withdraw Exist</td>
-                            </tr> :
-                            withdraws.withdraws?.map((withdraw, index) => <tr key={withdraw.withdrawId}>
-                                <th scope="row">{(paginate.page - 1) * paginate.perPage + index + 1}</th>
-                                <td>{withdraw.destNetwork}</td>
-                                <td><img className="table-img"
-                                         src={toAbsoluteUrl("media/img/assets/" + withdraw.destCurrency + ".svg")} alt=""/>
+        <div className="d-flex flex-column justify-content-between align-items-center"
+             style={{height: "88%", width: "100%"}}>
+            <ScrollBar>
+                <table className="table table-bordered rounded text-center col-12 striped">
+                    <thead className="py-2 my-2" style={{paddingBottom: "1vh !important"}}>
+                    <tr>
+                        <th scope="col"></th>
+                        <th scope="col">Destination Network</th>
+                        <th scope="col">Destination Currency</th>
+                        <th scope="col">Amount</th>
+                        <th scope="col">Accepted Fee</th>
+                        <th scope="col">Applied Fee</th>
+                        <th scope="col">Note</th>
+                        <th scope="col">Create Date</th>
+                        <th scope="col">Status</th>
+                        <th scope="col">Show</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {
+                        isLoading ?
+                            <tr>
+                                <td colSpan="12" className="text-center py-5" style={{height: "50vh"}}>
+                                    <Loading/>
                                 </td>
-                                <td>{withdraw.amount.toLocaleString()}</td>
-                                <td>{withdraw.acceptedFee}</td>
-                                <td>{withdraw.appliedFee}</td>
-                                <td>{withdraw.destNote}</td>
-                                <td>{moment(withdraw.createDate).format("YYYY/MM/DD hh:mm:ss")}</td>
-                                <td>{withdraw.status}</td>
-                                <td>
-                                    <Link to={withdraw.withdrawId.toString()}>
-                                        <img className="table-img pointer" src={toAbsoluteUrl("media/img/info.svg")}
+                            </tr>
+                            : withdraws.withdraws?.length === 0 ? <tr>
+                                    <td colSpan="12" className="text-center" style={{height: "50vh"}}>No Withdraw Exist</td>
+                                </tr> :
+                                withdraws.withdraws?.map((withdraw, index) => <tr key={withdraw.withdrawId}>
+                                    <th scope="row">{(paginate.page - 1) * paginate.perPage + index + 1}</th>
+                                    <td>{withdraw.destNetwork}</td>
+                                    <td><img className="table-img"
+                                             src={toAbsoluteUrl("media/img/assets/" + withdraw.destCurrency + ".svg")}
                                              alt=""/>
-                                    </Link>
-                                </td>
-                            </tr>)
-                }
-                </tbody>
-            </table>
+                                    </td>
+                                    <td>{withdraw.amount.toLocaleString()}</td>
+                                    <td>{withdraw.acceptedFee}</td>
+                                    <td>{withdraw.appliedFee}</td>
+                                    <td>{withdraw.destNote}</td>
+                                    <td>{moment(withdraw.createDate).format("YYYY/MM/DD hh:mm:ss")}</td>
+                                    <td>{withdraw.status}</td>
+                                    <td>
+                                        <Link to={withdraw.withdrawId.toString()}>
+                                            <img className="table-img pointer" src={toAbsoluteUrl("media/img/info.svg")}
+                                                 alt=""/>
+                                        </Link>
+                                    </td>
+                                </tr>)
+                    }
+                    </tbody>
+                </table>
+            </ScrollBar>
             {error ?
                 <div className="alert alert-danger" role="alert">
                     <i className="fa fa-exclamation-triangle mx-2" aria-hidden="true"/>
@@ -126,7 +132,9 @@ const Withdraws = () => {
                 </div>
                 : ""
             }
-            <Pagination maxPage={maxPage} paginate={paginate}/>
+            <div className="mt-5">
+                <Pagination maxPage={maxPage} paginate={paginate}/>
+            </div>
         </div>
 
 
diff --git a/src/scss/_layout.scss b/src/scss/_layout.scss
index a062d6b..4a0f5ad 100644
--- a/src/scss/_layout.scss
+++ b/src/scss/_layout.scss
@@ -279,6 +279,12 @@ table {
   border-radius: 5px !important;
 }
 
+/*table th {
+
+  background-color: var(--tableHeader);
+  line-height: 3.7vh;
+}*/
+
 table thead {
   background: rgba(36, 38, 51, 0.9803921568627451);
 
@@ -286,10 +292,13 @@ table thead {
 }
 
 table thead tr th {
-  border-color: rgba(36, 38, 51, 0.9803921568627451) !important;
-  border: none;
-
+  border: 1px solid rgba(36, 38, 51) !important;
   font-weight: 500 !important;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: rgba(36, 38, 51, 0.9803921568627451) !important;
 }
 
 table tr th {