diff --git a/src/routes/politicians/[slug]/+page.svelte b/src/routes/politicians/[slug]/+page.svelte
index 46948c54..f233a2c1 100644
--- a/src/routes/politicians/[slug]/+page.svelte
+++ b/src/routes/politicians/[slug]/+page.svelte
@@ -226,7 +226,6 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
               itemStyle: {
                       color: '#22C55E' // Change bar color to white
                 },
-              barWidth: '25%',
             },
             
           {   
@@ -234,9 +233,8 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
               data: soldList,
               type: 'bar',
               itemStyle: {
-                  color: '#E11D48' // Change bar color to white
+                  color: '#F71F4F' // Change bar color to white
               },
-              barWidth: '25%',
           },
       ]
       };
@@ -471,7 +469,7 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
                   </div>
                       <div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
                           <div class="h-full bg-[#313131] transform -translate-x-1/2 " aria-hidden="true"></div>
-                          <div class="w-3 h-3 bg-[#E11D48] border-4 box-content border-[#313131] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
+                          <div class="w-3 h-3 bg-[#F71F4F] border-4 box-content border-[#313131] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
                           <span class="mt-2 sm:mt-0 text-white text-xs sm:text-md sm:font-medium inline-block">
                           Sold
                           </span>
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index aceae4bd..5162142b 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -127,7 +127,7 @@ async function purchasePlan(subscriptionType:string='') {
 
             
             <div class="flex flex-row items-center justify-center mt-6 pb-5">
-                <span class="text-sm font-medium text-white text-opacity-[0.6] mr-3">
+                <span class="text-sm font-semibold text-white mr-3">
                     Pay Monthly
                 </span>
     
@@ -138,7 +138,7 @@ async function purchasePlan(subscriptionType:string='') {
                 </label>
                 
                 <div class="ml-3 -mb-4 flex flex-col items-start">
-                    <span class="text-sm font-medium text-white text-opacity-[0.6]">
+                    <span class="text-sm font-semibold text-white">
                         Pay Yearly
                     </span>
                     <span class="text-[#FBCE3C] text-sm font-semibold">
@@ -465,9 +465,9 @@ async function purchasePlan(subscriptionType:string='') {
                     <div class="space-y-4 mb-12">
                         <!-- Table (Tidy Essential) -->
                         <div class="overflow-x-auto" data-aos="fade-up">
-                            <table class="table-auto w-full border-b border-slate-400">
+                            <table class="table table-sm table-compact w-full">
                                 <!-- Table header -->
-                                <thead>
+                                <thead class="border-b border-gray-800">
                                     <tr class="text-base sm:text-lg text-white">
                                         <th class="text-xl md:text-2xl whitespace-nowrap font-bold text-left pr-2 py-4 min-w-[10rem] md:min-w-[24rem]">Plan</th>
                                         <th class="text-bold text-center px-2 py-4">Free</th>
@@ -477,7 +477,7 @@ async function purchasePlan(subscriptionType:string='') {
                                 <!-- Table body -->
                                 <tbody>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Unusual Options Activity</div>
@@ -491,7 +491,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Retail Trader Activity</div>
@@ -505,7 +505,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Dark Pool Data</div>
@@ -519,7 +519,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>AI Predictions</div>
@@ -533,7 +533,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Wallstreet Analyst Database</div>
@@ -547,7 +547,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                      <!-- Row -->
-                                     <tr class="border-t first:border-t-2 border-slate-400">
+                                     <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Hedge Fund Database</div>
@@ -561,7 +561,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Congress Database</div>
@@ -575,7 +575,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Financial History</div>
@@ -589,7 +589,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div>Watchlist</div>
@@ -603,7 +603,7 @@ async function purchasePlan(subscriptionType:string='') {
                                         </td>
                                     </tr>
                                     <!-- Row -->
-                                    <tr class="border-t first:border-t-2 border-slate-400">
+                                    <tr class="border-t first:border-t-2 border-gray-800">
                                         <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
                                             <div class="flex items-center justify-between max-w-xs">
                                                 <div class="flex items-center space-x-2">
@@ -653,7 +653,7 @@ async function purchasePlan(subscriptionType:string='') {
                     </div>
 
                     <!-- Faqs -->
-                    <ul class="mx-auto divide-y divide-slate-400">
+                    <ul class="mx-auto divide-y divide-gray-800">
                         <li>
                             <details class="collapse collapse-arrow">
                                 <summary class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5">What are the advantages of Stocknear Service?</summary>