ui fixes

src/lib/components/TopETFTickerHolder.svelte

@@ -7,8 +7,7 @@
     
     export let topETFHolder;
       
-      
-      
+    
       async function etfSelector(state)
       {
         window?.scroll({ top: 0, left: 0, behavior: 'smooth' });
@@ -30,7 +29,7 @@
               Top ETFs Holder
             </h2>
             <p class="text-white mb-5 ml-4 mr-1">
-              Gain valuable insights into ETFs with the largest allocation of <span class="text-blue-400">${$stockTicker}</span> in their portfolios.
+              ETFs with the largest estimated holdings in {$stockTicker}.
             </p>
             
           {#if topETFHolder?.length !== 0} 

src/lib/components/UpgradeToPro.svelte

@@ -2,11 +2,12 @@
 
 export let data;
 export let title;
+export let color = '#202020'
 </script>
 
 {#if data?.user?.tier !== 'Pro'}
 <div class="px-5 sm:px-0 shadow-lg">
-<div class="sm:rounded-lg bg-[#202020] pl-10 pr-10 pb-10 pt-5 w-full h-full m-auto -mt-5 relative">
+<div class="sm:rounded-lg bg-[{color}] pl-10 pr-10 pb-10 pt-5 w-full h-full m-auto -mt-5 relative">
 
 <h3 class="text-white font-bold text-xl sm:text-2xl text-center">
     Upgrade to Pro