diff --git a/src/routes/notifications/+page.svelte b/src/routes/notifications/+page.svelte
index 9d8afa06..8d78b771 100644
--- a/src/routes/notifications/+page.svelte
+++ b/src/routes/notifications/+page.svelte
@@ -121,10 +121,10 @@
                   >
                     <div class="flex flex-row items-center w-full">
                       <!-- svelte-ignore a11y-label-has-associated-control -->
-                      <a class="avatar w-11 h-11 flex-shrink-0 mr-4">
+                      <a class="avatar w-8 h-8 flex-shrink-0 mr-4">
                         <img
                           style="clip-path: circle(50%);"
-                          class="flex-shrink-0 w-11 h-11 rounded-full inline-block"
+                          class="flex-shrink-0 w-8 h-8 rounded-full inline-block"
                           src={`https://financialmodelingprep.com/image-stock/${item?.liveResults?.symbol}.png`}
                           alt="Company Logo"
                         />
@@ -169,10 +169,10 @@
                   >
                     <div class="flex flex-row items-center w-full">
                       <!-- svelte-ignore a11y-label-has-associated-control -->
-                      <a class="avatar w-11 h-11 flex-shrink-0 mr-4">
+                      <a class="avatar w-8 h-8 flex-shrink-0 mr-4">
                         <img
                           style="clip-path: circle(50%);"
-                          class="flex-shrink-0 w-11 h-11 rounded-full inline-block"
+                          class="flex-shrink-0 w-8 h-8 rounded-full inline-block"
                           src={`https://financialmodelingprep.com/image-stock/${item?.liveResults?.symbol}.png`}
                           alt="Company Logo"
                         />
@@ -205,6 +205,50 @@
                       </div>
                     </div>
                   </div>
+                {:else if item?.notifyType === "earningsSurprise"}
+                  <div
+                    class="sm:hover:bg-[#2B2B2B] pb-3 sm:p-3 mb-6 sm:mb-3 text-gray-200 w-full {!item?.readed
+                      ? 'bg-[#F9AB00] bg-opacity-[0.1]'
+                      : ''} "
+                  >
+                    <div class="flex flex-row items-center w-full">
+                      <!-- svelte-ignore a11y-label-has-associated-control -->
+                      <a class="avatar w-8 h-8 flex-shrink-0 mr-4">
+                        <img
+                          style="clip-path: circle(50%);"
+                          class="flex-shrink-0 w-8 h-8 rounded-full inline-block"
+                          src={`https://financialmodelingprep.com/image-stock/${item?.liveResults?.symbol}.png`}
+                          alt="Company Logo"
+                        />
+                      </a>
+
+                      <div class="text-white text-sm sm:text-[1rem]">
+                        <!-- svelte-ignore a11y-click-events-have-key-events -->
+                        <!-- svelte-ignore a11y-label-has-associated-control -->
+                        <div class="flex flex-col items-start">
+                          <div>
+                            <div class="flex flex-col items-start">
+                              <div class="text-md mt-0.5">
+                                <span class="font-semibold"
+                                  >Earnings Release for</span
+                                >
+                                <HoverStockChart
+                                  symbol={item?.liveResults?.symbol}
+                                  assetType={item?.liveResults?.assetType}
+                                />
+                              </div>
+                              <div class="text-md mt-0.5">
+                                New data for "Earnings Surprise" event is out.
+                              </div>
+                            </div>
+                          </div>
+                          <span class="text-sm mt-1 text-[#A6ADBB0"
+                            >{formatDate(item?.created)}
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 {/if}
               {/each}
             </div>