diff --git a/src/routes/crypto/[tickerID]/+layout.svelte b/src/routes/crypto/[tickerID]/+layout.svelte
index 3d0775ca..93888aa4 100644
--- a/src/routes/crypto/[tickerID]/+layout.svelte
+++ b/src/routes/crypto/[tickerID]/+layout.svelte
@@ -612,7 +612,7 @@ $: {
                                       <div class="flex items-center w-full">
                                         <div class="flex flex-row justify-start items-center mb-5 mt-2">
                                           <!--<img class="rounded-full w-10 h-10" src={logoUrl} alt="" />-->
-                                          <div class="rounded-full w-10 h-10 relative bg-[#101112] flex items-center justify-center border border-slate-800">
+                                          <div class="rounded-full w-10 h-10 relative bg-[#141417] flex items-center justify-center border border-slate-800">
                                             <img style="clip-path: circle(50%);" class="w-6 h-6" src={`https://financialmodelingprep.com/image-stock/${$cryptoTicker?.toUpperCase()}.png`} loading="lazy"/>
                                           </div>
                                           
diff --git a/src/routes/etf/[tickerID]/+layout.svelte b/src/routes/etf/[tickerID]/+layout.svelte
index b90a4530..ea6f3bf4 100644
--- a/src/routes/etf/[tickerID]/+layout.svelte
+++ b/src/routes/etf/[tickerID]/+layout.svelte
@@ -640,7 +640,7 @@ $: {
                                         <div class="flex items-center">
                                           <div class="flex flex-row justify-start items-center mb-5 mt-2">
                                             
-                                            <div class="rounded-full w-10 h-10 relative bg-[#101112] flex items-center justify-center border border-slate-800">
+                                            <div class="rounded-full w-10 h-10 relative bg-[#141417] flex items-center justify-center border border-slate-800">
                                               <img style="clip-path: circle(50%);" class="w-6 h-6" src={`https://financialmodelingprep.com/image-stock/${$etfTicker?.toUpperCase()}.png`} loading="lazy"/>
                                             </div>
                                             
diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index 554238f1..72a1f3ca 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -544,7 +544,7 @@ $: {
                       <div class="flex items-center w-full">
                         <div class="flex flex-row justify-start items-center mb-5 mt-2">
                           <!--<img class="rounded-full w-10 h-10" src={logoUrl} alt="" />-->
-                          <div class="flex-shrink-0 rounded-full w-10 h-10 relative bg-[#101112] flex items-center justify-center border border-slate-800">
+                          <div class="flex-shrink-0 rounded-full w-10 h-10 relative bg-[#141417] flex items-center justify-center border border-slate-800">
                             <img style="clip-path: circle(50%);" class="avatar w-6 h-6" src={`https://financialmodelingprep.com/image-stock/${$stockTicker?.toUpperCase()}.png`} alt=" " loading="lazy" />
                           </div>