diff --git a/src/components/account_view/AccountProfileView.jsx b/src/components/account_view/AccountProfileView.jsx
index 8d6fda3..c5dea5a 100644
--- a/src/components/account_view/AccountProfileView.jsx
+++ b/src/components/account_view/AccountProfileView.jsx
@@ -1,40 +1,61 @@
-export default function AccountProfileView() {
+export default function AccountProfileView({profile}) {
     return <>
-        <div className="row" style={{paddingBottom: '20px'}}>
-            <div className="col-12 col-lg-12">
-                <div className="card card-statistics">
-                    <div className="card-header">
-                        <div className="card-heading">
-                            <h4 className="card-title"><b>Account Profile</b></h4>
-                        </div>
+            <div className="pb-5">
+                <div className="flex flex-col gap-1">
+                    <div className="w-full">
+                        <h4 className="font-semibold text-lg">Account Profile</h4>
                     </div>
-                    <div className="card-body">
-                        <div className="table-responsive">
-                            <table className="table table-hover mb-0"
-                                   style={{width: '100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
-                                <thead>
+                    <div className="w-full overflow-x-auto">
+                        <>
+                            <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
+                                <thead className="py-2 text-sm text-slate-500 text-left">
                                 <tr>
-                                    <th scope="col">MemberID</th>
-                                    <th scope="col">Practice/Specialization</th>
-                                    <th scope="col">URL NAme</th>
+    
+                                    <th scope="col" className="px-2 py-2">
+                                        Member ID
+                                    </th>
+                                    <th scope="col" className="px-2">
+                                        Practice/specialization
+                                    </th>
+                                    <th scope="col" className="px-2">
+                                        URL Name
+                                    </th>
                                 </tr>
                                 </thead>
                                 <tbody>
-                                <tr>
-                                    <th scope="row">1</th>
-                                    <td>
-                                        Practice: xxxxx xxxxxx<br/>
-                                        Specialization: JAJAJJAJAJAJAJAJ
-                                    </td>
-                                    <td>url-name-i-picked</td>
-                                </tr>
-
+                                {(profile && Object.keys(profile).length > 0) ? 
+                                    <tr className="py-2 border-t border-dashed border-slate-300">
+                                        <td className="px-2">
+                                            <div className="text-left">
+                                                <div className="text-base font-semibold">{profile?.member_id}</div>
+                                            </div>
+                                        </td>
+                                        <td className="px-2">
+                                            <div className="text-left">
+                                                <div className="text-base font-semibold">Practice: {profile?.practice}</div>
+                                                <div className="text-base font-semibold">Specialization: {profile?.specialization}</div>
+                                            </div>
+                                        </td>
+                                        <td className="px-2">
+                                            <div className="text-left">
+                                                <div className="text-base font-semibold">{profile?.url_name}</div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    :
+                                    <tr className="py-2 border-t border-dashed border-slate-300">
+                                        <td className="px-3 py-2" colSpan={3}>
+                                            <div className="flex justify-center items-center">
+                                                No Record Found
+                                            </div>
+                                        </td>
+                                    </tr>
+                                }
                                 </tbody>
                             </table>
-                        </div>
+                        </>
                     </div>
                 </div>
             </div>
-        </div>
-    </>
+        </>
 }
\ No newline at end of file
diff --git a/src/components/account_view/AccountViewCom.jsx b/src/components/account_view/AccountViewCom.jsx
index 3523fee..64b5e8e 100644
--- a/src/components/account_view/AccountViewCom.jsx
+++ b/src/components/account_view/AccountViewCom.jsx
@@ -57,7 +57,7 @@ export default function AccountViewCom() {
                 :
                         <>
                             <CustomerAccountView accountInfo={account_info} />
-                            <AccountProfileView />
+                            <AccountProfileView profile={account_profile} />
                             <CustomerSubscriptionsView subscriptions={subscriptions} memberUID={memberUID} />
                             <CustomerPaymentsView payments={payments} />
                         </>
diff --git a/src/components/account_view/CustomerAccountView.jsx b/src/components/account_view/CustomerAccountView.jsx
index 52ada6d..8d0dd66 100644
--- a/src/components/account_view/CustomerAccountView.jsx
+++ b/src/components/account_view/CustomerAccountView.jsx
@@ -10,11 +10,11 @@ export default function CustomerAccountView({accountInfo}) {
                 </div>
                 <div className="w-full overflow-x-auto">
                     <>
-                        <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                        <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
                             <thead className="py-2 text-sm text-slate-500 text-left">
                             <tr>
 
-                                <th scope="col" className="px-2">
+                                <th scope="col" className="px-2 py-2">
                                     Firstname
                                 </th>
                                 <th scope="col" className="px-2">
diff --git a/src/components/account_view/CustomerPaymentsView.jsx b/src/components/account_view/CustomerPaymentsView.jsx
index c48f470..a65ac86 100644
--- a/src/components/account_view/CustomerPaymentsView.jsx
+++ b/src/components/account_view/CustomerPaymentsView.jsx
@@ -8,7 +8,7 @@ export default function CustomerPaymentsView({payments}) {
                 </div>
                 <div className="w-full overflow-x-auto">
                     <>
-                        <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                        <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
                             <thead className="py-2 text-sm text-slate-500 text-left">
                             <tr>
                                 <th scope="col" className="px-2 py-2">
diff --git a/src/components/account_view/CustomerSubscriptionsView.jsx b/src/components/account_view/CustomerSubscriptionsView.jsx
index 3d52e25..d4336c4 100644
--- a/src/components/account_view/CustomerSubscriptionsView.jsx
+++ b/src/components/account_view/CustomerSubscriptionsView.jsx
@@ -12,7 +12,7 @@ export default function CustomerSubscriptionsView({subscriptions, memberUID}) {
                 </div>
                 <div className="w-full overflow-x-auto">
                     <>
-                        <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                        <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
                             <thead className="py-2 text-sm text-slate-500 text-left">
                             <tr>
                                 <th scope="col" className="px-2 py-2">