diff --git a/src/lib/components/BullBearSay.svelte b/src/lib/components/BullBearSay.svelte
index cf3bd861..06aae73a 100644
--- a/src/lib/components/BullBearSay.svelte
+++ b/src/lib/components/BullBearSay.svelte
@@ -77,7 +77,7 @@ $: {
 
     {#if data?.user?.tier === 'Pro'}
    <!--Start Header-->
-   <div class="bg-[#313131] w-fit relative flex flex-wrap items-center justify-center rounded-full sm:rounded-lg p-1 -mt-2">
+   <div class="bg-[#313131] w-fit relative flex flex-wrap items-center justify-center rounded-lg p-1 -mt-2">
     <AnimateSharedLayout>
       {#each tabs as item, i}
         <button
@@ -94,7 +94,7 @@ $: {
             >
               <div
                 use:motion
-                class="absolute inset-0 rounded-full sm:rounded-lg  {activeIdx === 0 ? 'bg-[#057A55]' : 'bg-[#E02424]'}"
+                class="absolute inset-0 rounded-lg bg-purple-600"
               ></div>
             </Motion>
           {/if}
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index 4865e552..fcc87b34 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -882,7 +882,7 @@ function changeChartType() {
 
 
   
-                                  <label on:click={changeChartType} class="ml-auto -mt-3 block cursor-pointer bg-[#09090B] sm:hover:bg-[#09090B] duratiion-100 transition ease-in-out px-3 py-1 rounded-lg shadow-sm">
+                                  <label on:click={changeChartType} class="ml-auto -mt-3 block cursor-pointer bg-purple-600 sm:hover:bg-purple-700 duratiion-100 transition ease-in-out px-3 py-1 rounded-lg shadow-sm">
                                     {#if displayChartType === 'line'}
                                       <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M7 20v-2H5V6h2V4h2v2h2v12H9v2zm8 0v-5h-2V8h2V4h2v4h2v7h-2v5z"/></svg>
                                       {:else}