diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index a13a88af..37c80e90 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -189,6 +189,7 @@ function handleTypeOfTrade(state:string)
           } else if (type === "Q") {
             $wsBidPrice = typeof bp !== "undefined" ? bp : null;
             $wsAskPrice = typeof ap !== "undefined" ? ap : null;
+            $realtimePrice = $wsAskPrice;
           }
 
           // Update price increase state
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index 0b8316c0..0baee2a9 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -159,8 +159,9 @@
     if ($stockTicker && typeof window !== "undefined") {
       // add a check to see if running on client-side
       if ($realtimePrice !== null && $realtimePrice !== 0) {
-        $realtimePrice =
-          $realtimePrice !== 0 ? $realtimePrice : data?.getStockQuote?.price;
+        $currentPortfolioPrice = $realtimePrice;
+      } else if ($realtimePrice === null || $realtimePrice === 0) {
+        $realtimePrice = data?.getStockQuote?.price;
         $currentPortfolioPrice = $realtimePrice;
       } else if (oneDayPrice?.length !== 0) {
         const length = oneDayPrice?.length;
@@ -819,7 +820,7 @@
               <div
                 class="text-2xl md:text-3xl font-bold text-white flex flex-row items-center w-full"
               >
-                {displayLegend?.close}
+                {$realtimePrice ?? displayLegend?.close}
 
                 {#if $priceIncrease === true}
                   <div