diff --git a/src/routes/hedge-funds/+page.svelte b/src/routes/hedge-funds/+page.svelte
index f0deed78..599e5805 100644
--- a/src/routes/hedge-funds/+page.svelte
+++ b/src/routes/hedge-funds/+page.svelte
@@ -117,7 +117,6 @@ async function handleInput(event) {
     <!-- Other meta tags -->
     <meta property="og:title" content="All listed Hedge Funds · stocknear"/>
     <meta property="og:description" content="Find all listed Hedge Funds based on the US Market.">
-    <meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
     <meta property="og:type" content="website"/>
     <!-- Add more Open Graph meta tags as needed -->
   
@@ -125,7 +124,6 @@ async function handleInput(event) {
     <meta name="twitter:card" content="summary_large_image"/>
     <meta name="twitter:title" content="All listed Hedge Funds · stocknear"/>
     <meta name="twitter:description" content="Find all listed Hedge Funds based on the US Market.">
-    <meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
     <!-- Add more Twitter meta tags as needed -->
   </svelte:head>
 
@@ -183,7 +181,7 @@ async function handleInput(event) {
                 <div class="w-full m-auto mt-4">
                       <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 sm:gap-5">
                             {#each displayList as item}
-                              <a href={`/hedge-funds/${item?.cik}`} class="w-full cursor-pointer bg-[#09090B] sm:hover:bg-[#000] transition-colors ease-in-out border sm:hover:border-[#000] sm:hover:shadow-[#8C5F1B] border-slate-800 shadow-md rounded-lg h-auto pb-4 pt-4 mb-7">
+                              <a href={`/hedge-funds/${item?.cik}`} class="w-full cursor-pointer bg-[#141417] sm:hover:bg-[#000] transition-colors ease-in-out border sm:hover:border-[#000] sm:hover:shadow-[#8C5F1B] border-gray-800 shadow-md rounded-lg h-auto pb-4 pt-4 mb-7">
                                 <div class="flex flex-col relative">
                                   <img class="absolute -mt-4 w-full m-auto rounded-lg" src={cardBackground} />
                                   <div class="flex flex-col justify-center items-center rounded-2xl ">
diff --git a/src/routes/hedge-funds/[slug]/+page.svelte b/src/routes/hedge-funds/[slug]/+page.svelte
index 8675ebbd..3a7b3e5e 100644
--- a/src/routes/hedge-funds/[slug]/+page.svelte
+++ b/src/routes/hedge-funds/[slug]/+page.svelte
@@ -317,7 +317,7 @@ function tabFunction(state) {
   
               <aside class="relative fixed w-full sm:w-1/3">        
                 <!--Start Card-->
-                <div class="w-full bg-[#09090B] border border-slate-800 rounded-lg h-auto pb-4">
+                <div class="w-full bg-[#141417] border border-gray-800 rounded-lg h-auto pb-4">
                   <div class="flex flex-col relative ">
                     <img class="absolute w-full m-auto rounded-lg " src={cardBackground} />
                     <div class="flex flex-col justify-center items-center rounded-2xl ">
@@ -874,7 +874,7 @@ function tabFunction(state) {
   
                       {:else} 
                       <div class="flex justify-center items-center m-auto sm:mt-24 mt-32 mb-6">
-                        <div class="text-gray-100 text-sm sm:text-[1rem] sm:rounded-lg h-auto border border-slate-800 p-4">
+                        <div class="text-gray-100 text-sm sm:text-[1rem] sm:rounded-lg h-auto border border-gray-800 p-4">
                           <svg class="w-5 h-5 inline-block mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"/></svg>
                           No Trading activity found
                         </div>
diff --git a/src/routes/politicians/+page.svelte b/src/routes/politicians/+page.svelte
index 74771b2a..4720b5f1 100644
--- a/src/routes/politicians/+page.svelte
+++ b/src/routes/politicians/+page.svelte
@@ -256,7 +256,7 @@ onMount(async () => {
                 <div class="w-full m-auto mt-4">
                       <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 sm:gap-5">
                             {#each displayList as item}
-                              <a href={`/politicians/${item?.id}`} class="w-full cursor-pointer bg-[#09090B] sm:hover:bg-[#000] transition-colors ease-in-out border sm:hover:border-[#000] {item?.party ==='Republican' ? 'sm:hover:shadow-[#80000D]' : item?.party === 'Democratic' ? 'sm:hover:shadow-[#1358C3]' : 'sm:hover:shadow-[#636465]'} border-slate-800 shadow-md rounded-lg h-auto pb-4 pt-4 mb-7">
+                              <a href={`/politicians/${item?.id}`} class="w-full cursor-pointer bg-[#141417] sm:hover:bg-[#000] transition-colors ease-in-out border sm:hover:border-[#000] {item?.party ==='Republican' ? 'sm:hover:shadow-[#80000D]' : item?.party === 'Democratic' ? 'sm:hover:shadow-[#1358C3]' : 'sm:hover:shadow-[#636465]'} border-slate-800 shadow-md rounded-lg h-auto pb-4 pt-4 mb-7">
                                 <div class="flex flex-col relative">
                                   {#if item?.party === 'Republican'}
                                   <img class="absolute -mt-4 w-full m-auto rounded-lg" src={republicanBackground} />
diff --git a/src/routes/politicians/[slug]/+page.svelte b/src/routes/politicians/[slug]/+page.svelte
index f49454bf..b3c8217e 100644
--- a/src/routes/politicians/[slug]/+page.svelte
+++ b/src/routes/politicians/[slug]/+page.svelte
@@ -249,7 +249,7 @@
   
               <aside class="relative fixed w-full sm:w-1/3">        
                   <!--Start Card-->
-                  <div class="w-full bg-[#09090B] border border-slate-800 rounded-lg h-auto pb-4">
+                  <div class="w-full bg-[#141417] border border-gray-800 rounded-lg h-auto pb-4">
                     <div class="flex flex-col relative ">
                       {#if politicianParty === 'Republican'}
                       <img class="absolute  w-full m-auto rounded-lg " src={republicanBackground} />
diff --git a/src/routes/politicians/flow-data/+page.svelte b/src/routes/politicians/flow-data/+page.svelte
index bdf9855b..093dd613 100644
--- a/src/routes/politicians/flow-data/+page.svelte
+++ b/src/routes/politicians/flow-data/+page.svelte
@@ -501,7 +501,7 @@
                     {#if displayStructure === 'Card'}
                       <div class="grid grid-cols-1 sm:grid-cols-2 sm:gap-5">
                             {#each displayList as item}
-                              <label on:click={() => goto(`/politicians/${item?.id}`)} class="w-full cursor-pointer bg-[#09090B] sm:hover:bg-[#000] transition-colors ease-in-out border sm:hover:border-[#000] {item?.party ==='Republican' ? 'sm:hover:shadow-[#80000D]' : 'sm:hover:shadow-[#1358C3]' } border-slate-800 shadow-md rounded-lg h-auto pb-4 pt-4 mb-7">
+                              <label on:click={() => goto(`/politicians/${item?.id}`)} class="w-full cursor-pointer bg-[#141417] sm:hover:bg-[#000] transition-colors ease-in-out border sm:hover:border-[#000] {item?.party ==='Republican' ? 'sm:hover:shadow-[#80000D]' : 'sm:hover:shadow-[#1358C3]' } border-gray-800 shadow-md rounded-lg h-auto pb-4 pt-4 mb-7">
                                 <div class="flex flex-col relative">
                                   {#if item?.party === 'Republican'}
                                   <img class="absolute -mt-4 w-full m-auto rounded-lg" src={republicanBackground} />