ui fix

src/lib/components/Sidecard.svelte

@@ -5,12 +5,12 @@
 
   let info;
 
-  let sector = "-";
+  let sector = "n/a";
-  let industry = "-";
+  let industry = "n/a";
-  let exchange = "-";
+  let exchange = "n/a";
-  let employees = "-";
+  let employees = "n/a";
   let description = "";
-  let website = "-";
+  let website = "n/a";
   let snippet;
 
   let buyCount = 0;
@@ -47,11 +47,11 @@
           : "n/a";
 
       //ceoName = info?.ceoName?.length !== 0 ? getAbbreviatedName(info?.ceoName) : "-";
-      sector = info?.sector ?? "-";
+      sector = info?.sector ?? "n/a";
-      industry = info?.industry ?? "-";
+      industry = info?.industry ?? "n/a";
       exchange = info?.exchange;
-      employees = info?.fullTimeEmployees ?? "-";
+      employees = info?.fullTimeEmployees ?? "n/a";
-      //country = info?.country ?? "-";
+      //country = info?.country ?? "n/a";
       description =
         info?.description ??
         "A detailed description of the company is not yet available.";
@@ -73,7 +73,7 @@
       priceTarget =
         data?.getAnalystRating?.medianPriceTarget !== ("n/a" && 0)
           ? data?.getAnalystRating?.medianPriceTarget
-          : "-";
+          : "n/a";
       consensusRating = data?.getAnalystRating?.consensusRating;
 
       try {
@@ -142,14 +142,16 @@
       <span class="block font-semibold">Ticker Symbol</span>
       <span>{$stockTicker}</span>
     </div>
-    <div class="col-span-1 whitespace-nowrap text-gray-200">
+    {#if website}
-      <span class="block font-semibold">Website</span>
+      <div class="col-span-1 whitespace-nowrap text-gray-200">
-      <a
+        <span class="block font-semibold">Website</span>
-        href={website}
+        <a
-        class="hover:sm:text-white truncate text-blue-400"
+          href={website}
-        target="_blank">{website}</a
+          class="hover:sm:text-white truncate text-blue-400"
-      >
+          target="_blank">{website}</a
-    </div>
+        >
+      </div>
+    {/if}
   </div>
 </div>
 

src/routes/+page.svelte

@@ -109,7 +109,7 @@
 </svelte:head>
 
 <div
-  class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-default mb-40"
+  class="w-full sm:max-w-[1400px] overflow-hidden m-auto min-h-screen bg-default mb-40"
 >
   {#if AppInstalled && !$closedPWA}
     <svelte:component this={AppInstalled} />

src/routes/analysts/+page.svelte

@@ -168,7 +168,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/analysts/[slug]/+page.svelte

@@ -205,7 +205,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/analysts/top-stocks/+page.svelte

@@ -12,15 +12,15 @@
     "topAnalystPriceTarget",
     "topAnalystCounter",
     "marketCap",
-    "topAnalystRating"
+    "topAnalystRating",
   ]);
 
   const defaultList = [
     { name: "Top Analyst Count", rule: "topAnalystCounter" },
     { name: "Top Analyst PT Upside", rule: "topAnalystUpside" },
     { name: "Top Analyst Price Target", rule: "topAnalystPriceTarget" },
-    {name: 'Top Analyst Rating', rule: 'topAnalystRating'},
+    { name: "Top Analyst Rating", rule: "topAnalystRating" },
-    {name: 'Market Cap', rule: 'marketCap'}
+    { name: "Market Cap", rule: "marketCap" },
   ];
   const hideLastRow = true;
 </script>
@@ -60,7 +60,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>
@@ -74,15 +74,16 @@
       <div
         class="relative flex justify-center items-start overflow-hidden w-full"
       >
-        <main class="w-full  lg:pr-5">
+        <main class="w-full lg:pr-5">
           <div class="mb-6 border-b-[2px]">
             <h1 class="mb-3 text-white text-2xl sm:text-3xl font-bold">
               Top Strong Buy Stocks
             </h1>
           </div>
 
-          <Infobox text={"Strong Buy stocks by top-rated analysts with a star rating of 4 or above, known for their exceptional accuracy and returns. Stocks are ranked based on the volume of analyst ratings."}/>
+          <Infobox
-
+            text={"Strong Buy stocks by top-rated analysts with a star rating of 4 or above, known for their exceptional accuracy and returns. Stocks are ranked based on the volume of analyst ratings."}
+          />
 
           <div class="w-full m-auto mt-10">
             <Table
@@ -236,7 +237,6 @@
             </div>
           </div>
         </main>
-
       </div>
     </div>
   </div>

src/routes/contact/+page.svelte

@@ -39,7 +39,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/corporate-lobbying-tracker/+page.svelte

@@ -155,7 +155,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/cramer-tracker/+page.svelte

@@ -199,7 +199,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/crypto/+page.svelte

@@ -51,7 +51,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
     <ul>

src/routes/crypto/[tickerID]/+layout.svelte

@@ -338,7 +338,7 @@
 </script>
 
 <body
-  class="bg-default pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden"
+  class="bg-default pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl sm:max-w-[1400px] overflow-hidden"
 >
   <!-- Page wrapper -->
   <div class="flex flex-col w-full">

src/routes/dark-pool-flow/+page.svelte

@@ -728,7 +728,7 @@
 
 <body class="overflow-y-auto">
   <section
-    class="w-full max-w-screen sm:max-w-7xl xl:max-w-screen-2xl flex justify-center items-center bg-default pb-20 mt-5 sm:mt-0 px-3 sm:px-0"
+    class="w-full max-w-screen sm:max-w-7xl sm:max-w-[1400px] flex justify-center items-center bg-default pb-20 mt-5 sm:mt-0 px-3 sm:px-0"
   >
     <div class="w-full m-auto min-h-screen">
       <!--

src/routes/dividends-calendar/+page.svelte

@@ -334,7 +334,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/donation/+page.svelte

@@ -37,7 +37,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/earnings-calendar/+page.svelte

@@ -335,7 +335,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/economic-calendar/+page.svelte

@@ -342,7 +342,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/etf/+page.svelte

@@ -69,7 +69,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
     <ul>

src/routes/etf/[tickerID]/+layout.svelte

@@ -292,7 +292,7 @@
 <svelte:window bind:scrollY={y} />
 
 <body
-  class="bg-default w-full max-w-screen sm:max-w-7xl min-h-screen xl:max-w-screen-2xl overflow-hidden"
+  class="bg-default w-full max-w-screen sm:max-w-7xl min-h-screen sm:max-w-[1400px] overflow-hidden"
 >
   <!-- Page wrapper -->
   <div class="flex flex-col w-full mt-5 relative w-full">

src/routes/etf/new-launches/+page.svelte

@@ -117,7 +117,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/fda-calendar/+page.svelte

@@ -73,7 +73,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3 text-white"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3 text-white"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/heatmap/+page.server.ts

@@ -0,0 +1,21 @@
+export const load = async ({ locals }) => {
+  const getData = async () => {
+    const { apiURL, apiKey } = locals;
+
+    const response = await fetch(apiURL + "/heatmap", {
+      method: "GET",
+      headers: {
+        "Content-Type": "text/html",
+        "X-API-KEY": apiKey,
+      },
+    });
+
+    const output = await response.text();
+    return output;
+  };
+
+  // Make sure to return a promise
+  return {
+    getData: await getData(),
+  };
+};

src/routes/heatmap/+page.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+
+  export let data; // Expect `data` to include necessary Plotly configuration.
+
+  let plotContainer;
+</script>
+
+{@html data?.getData}
+
+<style>
+  .plot-container {
+    width: 100%;
+    height: 100%;
+    min-height: 500px;
+  }
+</style>

src/routes/hedge-funds/+page.svelte

@@ -110,7 +110,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40 px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40 px-3"
 >
   <body class="w-full overflow-hidden m-auto">
     <div class="text-sm sm:text-[1rem] breadcrumbs">

src/routes/hedge-funds/[slug]/+page.svelte

@@ -80,7 +80,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 pb-40"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 pb-40"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/imprint/+page.svelte

@@ -37,7 +37,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/industry/+layout.svelte

@@ -61,7 +61,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/insider-tracker/+page.svelte

@@ -190,7 +190,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/ipos/+layout.svelte

@@ -86,7 +86,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm breadcrumbs">
     <ul>

src/routes/learning-center/market-tide/+page.svelte

@@ -24,7 +24,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/list/+layout.svelte

@@ -267,7 +267,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/market-flow/+layout.svelte

@@ -33,7 +33,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-40 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-40 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/market-flow/+page.svelte

@@ -504,7 +504,7 @@
   <!-- Add more Twitter meta tags as needed -->
 </svelte:head>
 
-<section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden">
+<section class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden">
   <div class="w-full overflow-hidden m-auto mt-5">
     <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
       <div

src/routes/market-flow/sector-flow/+page.svelte

@@ -528,7 +528,7 @@
   <!-- Add more Twitter meta tags as needed -->
 </svelte:head>
 
-<section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden">
+<section class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden">
   <div class="w-full overflow-hidden m-auto mt-5">
     <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
       <div

src/routes/market-mover/+layout.svelte

@@ -51,7 +51,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/market-news/+layout.svelte

@@ -38,7 +38,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/notifications/+page.svelte

@@ -88,7 +88,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/options-flow/+page.svelte

@@ -860,7 +860,7 @@
 
 <body class="overflow-y-auto">
   <section
-    class="w-full max-w-screen sm:max-w-7xl xl:max-w-screen-2xl flex justify-center items-center bg-default pb-20 10 p-3 sm:p-0"
+    class="w-full max-w-screen sm:max-w-7xl sm:max-w-[1400px] flex justify-center items-center bg-default pb-20 10 p-3 sm:p-0"
   >
     <div class="w-full m-auto min-h-screen">
       <!--

src/routes/politicians/+page.svelte

@@ -180,7 +180,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40 px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40 px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/politicians/[slug]/+page.svelte

@@ -141,7 +141,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/politicians/flow-data/+page.svelte

@@ -99,7 +99,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/price-alert/+page.svelte

@@ -292,7 +292,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/privacy-policy/+page.svelte

@@ -24,7 +24,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/profile/+page.svelte

@@ -161,7 +161,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/reddit-tracker/+page.svelte

@@ -288,7 +288,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/sentiment-tracker/+page.svelte

@@ -63,7 +63,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/sitemap/+page.svelte

@@ -167,7 +167,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/stocks/+page.svelte

@@ -55,7 +55,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/stocks/[tickerID]/+layout.svelte

@@ -374,7 +374,7 @@
 <svelte:window bind:scrollY={y} />
 
 <body
-  class="bg-default w-full max-w-screen sm:max-w-7xl min-h-screen xl:max-w-screen-2xl overflow-hidden"
+  class="bg-default w-full max-w-screen sm:max-w-[1400px] min-h-screen overflow-hidden"
 >
   <!-- Page wrapper -->
   <div class="mt-5 flex flex-col w-full relative w-full">

src/routes/stocks/[tickerID]/+page.svelte

@@ -1175,7 +1175,7 @@
                     >
                     <td
                       class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]"
-                      >{data?.getStockQuote?.eps}</td
+                      >{data?.getStockQuote?.eps ?? "n/a"}</td
                     ></tr
                   >
                   <tr
@@ -1186,7 +1186,7 @@
                     >
                     <td
                       class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]"
-                      >{data?.getStockQuote?.pe}</td
+                      >{data?.getStockQuote?.pe ?? "n/a"}</td
                     ></tr
                   >
                   <tr
@@ -1266,9 +1266,11 @@
                     >
                     <td
                       class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]"
-                      >{data?.getStockQuote?.avgVolume?.toLocaleString(
+                      >{data?.getStockQuote?.avgVolume !== undefined
-                        "en-us",
+                        ? data?.getStockQuote?.avgVolume?.toLocaleString(
-                      )}</td
+                            "en-us",
+                          )
+                        : "n/a"}</td
                     ></tr
                   >
                   <tr
@@ -1341,7 +1343,7 @@
             class="mt-6 flex flex-col lg:flex-row gap-x-14 items-start w-full justify-between"
           >
             <div
-              class="lg:space-y-6 lg:order-2 lg:pt-1 sm:pl-7 lg:pl-0 w-full lg:w-[45%] sm:ml-auto max-w-[400px]"
+              class="lg:space-y-6 lg:order-2 lg:pt-1 sm:pl-7 lg:pl-0 w-full lg:w-[45%] sm:ml-auto lg:max-w-[400px]"
             >
               <Sidecard {data} />
             </div>

src/routes/terms-of-use/+page.svelte

@@ -24,7 +24,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/update-password/+page.svelte

@@ -65,7 +65,7 @@
 </script>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="w-full overflow-hidden m-auto mt-5">
     <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">

src/routes/watchlist/+layout.svelte

@@ -32,7 +32,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
 >
   <div class="text-sm sm:text-[1rem] breadcrumbs">
     <ul>

src/routes/watchlist/options/+page.svelte

@@ -167,7 +167,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40 lg:px-3"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40 lg:px-3"
 >
   <div class="w-full overflow-hidden m-auto mt-5">
     <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">

src/routes/watchlist/stocks/+page.svelte

@@ -1041,7 +1041,7 @@
 </svelte:head>
 
 <section
-  class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40"
+  class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40"
 >
   <div class="w-full overflow-hidden m-auto mt-5">
     <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">