diff --git a/src/routes/heatmaps/+page.svelte b/src/routes/heatmaps/+page.svelte
index f58fda57..a048192f 100644
--- a/src/routes/heatmaps/+page.svelte
+++ b/src/routes/heatmaps/+page.svelte
@@ -164,7 +164,7 @@ function plotData(fontSize) {
                 if (params.data.children && params.data.children.length > 0) {
                     sumChangesPercentage = params.data.children.reduce((acc, child) => acc + (child.changesPercentage || 0), 0);
                 }
-                return params.name + ': ' + sumChangesPercentage?.toFixed(2) + '%'; // Display sum with two decimal places
+                return params.name;
             },
             height: 40
         },
@@ -307,9 +307,9 @@ $: {
     
     
     
-    <section class="w-full max-w-4xl overflow-hidden m-auto min-h-screen pt-5 pb-60">
+    <section class="w-full max-w-5xl overflow-hidden m-auto min-h-screen pt-5 pb-60">
     
-          <div class="w-full max-w-4xl m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
+          <div class="w-full max-w-5xl m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
             <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
           
               <!-- Start Column -->
@@ -357,23 +357,23 @@ $: {
         
     
     
-      <body class="w-full max-w-4xl overflow-hidden m-auto">
+      <body class="w-full max-w-5xl overflow-hidden m-auto">
                 
           
       {#if isLoaded}
     
                 
-        <section class="w-full max-w-4xl overflow-hidden m-auto">
+        <section class="w-full overflow-hidden m-auto">
           
 
 
-          <div class="p-0 flex justify-center w-full m-auto overflow-hidden max-w-4xl">
+          <div class="p-0 flex justify-center w-full m-auto overflow-hidden">
               <div class="relative flex justify-center items-center overflow-hidden w-full">
                   <main class="w-full">
     
                     
 
-                  <div class="w-full max-w-4xl sm:flex sm:flex-row sm:items-center m-auto text-gray-100 border border-gray-800 sm:rounded-lg h-auto p-5 mb-4 ">
+                  <div class="w-full sm:flex sm:flex-row sm:items-center m-auto text-gray-100 border border-gray-800 sm:rounded-lg h-auto p-5 mb-4 ">
                       <svg class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"/></svg>
                       <span>
                           Today, <label on:click={() => sectorSelector(lowestSumCategory)} class="cursor-pointer text-blue-400 sm:hover:text-white">{lowestSumCategory}</label> took the lead as the {displayIndex} largest loser, marking a cumulative return of <span class="text-white font-medium">{lowestSum?.toFixed(2)}%</span>, 
@@ -416,7 +416,7 @@ $: {
 
 
 
-                    <div class="app w-[100vw] h-full mt-10">
+                    <div class="app w-full h-full mt-10">
                         <Chart id="treemap" {init} options={options} class="chart w-full h-full" />
                     </div>
 
@@ -591,7 +591,7 @@ $: {
     <style>
         .app {
             height: 1200px;
-            max-width: 900px;
+            width: 100%;
         }
         
         
