diff --git a/src/lib/components/HoverStockChart.svelte b/src/lib/components/HoverStockChart.svelte
index 07a2a8e5..ee30ee42 100644
--- a/src/lib/components/HoverStockChart.svelte
+++ b/src/lib/components/HoverStockChart.svelte
@@ -98,7 +98,7 @@
         layout: {
           background: {
             type: ColorType.Solid,
-            color: "#09090B",
+            color: "#2A2E39",
           },
           lineColor: "#2B2B43",
           textColor: "#D9D9D9",
@@ -164,7 +164,6 @@
       chart &&
       typeof window !== "undefined"
     ) {
-      console.log("yes");
 
       chart?.timeScale()?.fitContent();
     }
@@ -184,12 +183,12 @@
         >
       </HoverCard.Trigger>
     </div>
-    <HoverCard.Content class=" w-96 bg-[#09090B] border border-gray-400">
+    <HoverCard.Content class=" w-96 bg-[#2A2E39] border border-gray-600">
       <div class="flex justify-between space-x-4 w-full text-white">
         <div class="space-y-1 w-full">
           <!--Hover Stock Chart-->
           <label
-            class=" text-sm flex flex-row items-center justify-start bg-[#09090B]"
+            class=" text-sm flex flex-row items-center justify-start bg-[#2A2E39]"
           >
             <div class="flex flex-col items-start w-full">
               <div class=" flex flex-col items-start pb-1">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index feba9594..2d0ef106 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -683,7 +683,7 @@
                 <ul style="padding-left: 5px;">
                   {#each data?.getDashboard?.upcomingEarnings as item}
                     <li
-                      style="margin-left: 8px; line-height: 22px; margin-bottom: 30px; list-style-type: disc;"
+                    class="text-sm sm:text-[1rem]" style=" margin-left: 8px;  margin-bottom: 30px; list-style-type: disc;"
                     >
                       <strong>{item?.name}</strong> (<HoverStockChart
                         symbol={item?.symbol}
@@ -771,7 +771,7 @@
                     )}:
 
                     <li
-                      style="color: #fff; line-height: 22px; margin-top:10px; margin-left: 30px; margin-bottom: 10px; list-style-type: disc;"
+                      class="text-sm sm:text-[1rem]" style="color: #fff;  margin-top:10px; margin-left: 30px; margin-bottom: 10px; list-style-type: disc;"
                     >
                       Revenue of {abbreviateNumber(item?.revenue)}
                       {item?.revenueSurprise > 0 ? "exceeds" : "misses"} estimates