ui fix

src/lib/components/Table/DarkPoolTable.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { screenWidth } from "$lib/store";
-  import { abbreviateNumber } from "$lib/utils";
+  import { abbreviateNumber, sectorNavigation } from "$lib/utils";
 
   import VirtualList from "svelte-tiny-virtual-list";
   import HoverStockChart from "$lib/components/HoverStockChart.svelte";
@@ -482,9 +482,15 @@
           style="justify-content: start;"
           class="td text-sm sm:text-[1rem] text-white text-start"
         >
-          {displayedData[index]?.sector?.length > 13
-            ? displayedData[index]?.sector?.slice(0, 13) + "..."
-            : displayedData[index]?.sector}
+          <a
+            href={sectorNavigation?.find(
+              (item) => item?.title === displayedData[index]?.sector,
+            )?.link}
+            class="sm:hover:text-blue-400 text-white underline underline-offset-4"
+            >{displayedData[index]?.sector?.length > 13
+              ? displayedData[index]?.sector?.slice(0, 13) + "..."
+              : displayedData[index]?.sector}</a
+          >
         </div>
 
         <div

src/lib/components/Table/Table.svelte

@@ -888,7 +888,7 @@
                   {item[column.key]}
                 {/if}
               {:else if column?.type === "int"}
-                {abbreviateNumber(item[column.key])}
+                {@html abbreviateNumber(item[column.key], false, true)}
               {:else if column?.type === "decimal"}
                 {item[column.key]?.toLocaleString("en-US")}
               {:else if column.key === "price"}

src/lib/utils.ts

@@ -661,7 +661,7 @@ export function abbreviateNumber(number, addDollarSign = false, color = false) {
       } else if (suffix === "M") {
         suffix = '<span class=\"font-semibold text-[#FACD38]\">M</span>';
       } else if (suffix === "B") {
-        suffix = '<span class=\"font-semibold text-[#FACD38]\">B</span>';
+        suffix = '<span class=\"font-semibold text-[#38FACD]\">B</span>';
       }
     }
 

src/routes/+layout.svelte

@@ -48,7 +48,7 @@
   import Newspaper from "lucide-svelte/icons/newspaper";
   import AudioLine from "lucide-svelte/icons/audio-lines";
   import Gem from "lucide-svelte/icons/gem";
-  import Moon from "lucide-svelte/icons/moon-star";
+  import Moon from "lucide-svelte/icons/venetian-mask";
   import stocknear_logo from "$lib/images/stocknear_logo.png";
   /*
   import {