diff --git a/src/components/account_view/AccountProfileView.jsx b/src/components/account_view/AccountProfileView.jsx
index 5676a07..c5dea5a 100644
--- a/src/components/account_view/AccountProfileView.jsx
+++ b/src/components/account_view/AccountProfileView.jsx
@@ -7,7 +7,7 @@ export default function AccountProfileView({profile}) {
                     </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>
     
diff --git a/src/components/account_view/CustomerAccountView.jsx b/src/components/account_view/CustomerAccountView.jsx
index c21b49f..8d0dd66 100644
--- a/src/components/account_view/CustomerAccountView.jsx
+++ b/src/components/account_view/CustomerAccountView.jsx
@@ -10,7 +10,7 @@ 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>
 
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">