diff --git a/src/routes/hedge-funds/[slug]/+page.svelte b/src/routes/hedge-funds/[slug]/+page.svelte
index e14a54c2..9fb83892 100644
--- a/src/routes/hedge-funds/[slug]/+page.svelte
+++ b/src/routes/hedge-funds/[slug]/+page.svelte
@@ -269,11 +269,7 @@ onMount(async () => {
     }
   }
 
-//This function is needed to set currentPage to 1 again when switching from stocks to options.
-function tabFunction(state) {
-    currentPage = 1;
-    changeAssetType = state;
-}
+
 
   $: {
     if(changeAssetType && typeof window !== 'undefined') {
diff --git a/src/routes/ipos/+page.svelte b/src/routes/ipos/+page.svelte
index 3a42f706..0a003288 100644
--- a/src/routes/ipos/+page.svelte
+++ b/src/routes/ipos/+page.svelte
@@ -2,10 +2,7 @@
   import { goto } from '$app/navigation';
   import {formatString, abbreviateNumber} from '$lib/utils';
   import { screenWidth } from '$lib/store';
-  import ScrollToTop from '$lib/components/ScrollToTop.svelte';
-  import { fly } from 'svelte/transition';
-  
-  import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
+  import { onMount } from 'svelte';
   
   export let data;
   
@@ -13,29 +10,31 @@
   let ipoList;
   let isLoaded = false;
   
-  async function infiniteHandler({ detail: { loaded, complete } }) 
-  {
-  
-    if (ipoList?.length === rawData?.length) {
-        complete();
-      } 
-      else {
-        const nextIndex = ipoList?.length;
-        const newHoldings = rawData?.slice(nextIndex, nextIndex + 50);
-        ipoList = [...ipoList, ...newHoldings];
-        loaded();
+  async function handleScroll() {
+      const scrollThreshold = document.body.offsetHeight * 0.8; // 80% of the website height
+      const isBottom = window.innerHeight + window.scrollY >= scrollThreshold;
+      if (isBottom && ipoList?.length !== rawData?.length) {
+          const nextIndex = ipoList?.length;
+          const filteredNewResults = rawData?.slice(nextIndex, nextIndex + 50);
+          ipoList = [...ipoList, ...filteredNewResults];
       }
-  }
-    
-  $: {
-    if(typeof window !== 'undefined')
-    {
-      isLoaded = false;
-      rawData = data?.getIPOCalendar;
-      ipoList= rawData?.slice(0,50);
-      isLoaded = true;
     }
-  }
+  
+
+  onMount( () => {
+    rawData = data?.getIPOCalendar;
+      ipoList= rawData?.slice(0,50);
+      
+      isLoaded = true;
+
+      window.addEventListener('scroll', handleScroll);
+      return () => {
+          window.removeEventListener('scroll', handleScroll);
+      };
+  })
+    
+    
+
   
   let charNumber = 40;
   $: {
@@ -53,7 +52,7 @@
   </script>
   
     
-  <section class="w-full  overflow-hidden m-auto ">
+  <section class="w-full overflow-hidden m-auto ">
             
       
   
@@ -66,17 +65,17 @@
       <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>
       All {rawData?.length} IPOs on the US stock market in between 2019 - 2024.
     </div>
-  
-      {#if $screenWidth > 640}
+    
+    <div class="w-full overflow-x-scroll">
       <table class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto overflow-hidden">
         <thead>
           <tr>
-            <th class="text-white font-medium text-[0.95rem] text-start">IPO Date</th>
-            <th class="text-white font-medium text-[0.95rem] hidden sm:table-cell text-start">Symbol</th>
-            <th class="text-white font-medium text-sm sm:text-[0.95rem]">Name</th>
-            <th class="text-white font-medium text-end text-sm sm:text-[0.95rem]l">IPO Price</th>
-            <th class="text-white font-medium text-end text-sm sm:text-[0.95rem]">Current Price</th>
-            <th class="text-white font-medium text-end text-sm sm:text-[0.95rem]">Return Since</th>
+            <th class="text-white font-medium text-[1rem] text-start">IPO Date</th>
+            <th class="text-white font-medium text-[1rem]  text-start">Symbol</th>
+            <th class="text-white font-medium text-[1rem]">Name</th>
+            <th class="text-white font-medium text-end text-[1rem]">IPO Price</th>
+            <th class="text-white font-medium text-end text-[1rem]">Current Price</th>
+            <th class="text-white font-medium text-end text-[1rem]">Return Since</th>
           </tr>
         </thead>
         <tbody>
@@ -84,42 +83,34 @@
           <tr on:click={() => goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer">
             
   
-            <td class="text-white text-sm text-start border-b-[#09090B]">
+            <td class="text-white text-sm sm:text-[1rem] text-start border-b-[#09090B] whitespace-nowrap">
               {new Date(item?.date)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}
             </td>
   
   
-            <td class="hidden sm:table-cell text-blue-400 text-sm text-start border-b-[#09090B]">
+            <td class="whitespace-nowrap text-blue-400 text-sm sm:text-[1rem] text-start border-b-[#09090B]">
               {item?.symbol}
             </td>
   
-            <td class="text-gray-200 border-b-[#09090B]">
-              <span class="hidden sm:block text-white">{item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)}</span>
-              <div class="sm:hidden flex flex-row">
-                <div class="flex flex-col">
-                  <span class="text-blue-400 ">{item?.symbol}</span>
-                  <span class="text-white">{item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)}</span>
-                </div>
-              </div>
+            <td class="text-white whitespace-nowrap text-sm sm:text-[1rem] border-b-[#09090B]">
+              {item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)}
             </td>
           
           
-            <td class="text-white border-b-[#09090B] text-end">
+            <td class="text-white border-b-[#09090B] text-end text-sm sm:text-[1rem] whitespace-nowrap">
               {item?.ipoPrice !== null ? '$'+item?.ipoPrice : '-'}
             </td>
   
-          <td class="text-white border-b-[#09090B] text-end">
+          <td class="text-white border-b-[#09090B] text-end text-sm sm:text-[1rem] whitespace-nowrap">
             {item?.currentPrice !== null ? '$'+item?.currentPrice : '-'}
           </td>
   
       
   
-          <td class="text-white border-b-[#09090B] text-end flex flex-row items-center justify-end">
+          <td class="text-white border-b-[#09090B] text-end text-sm sm:text-[1rem] whitespace-nowrap flex flex-row items-center justify-end">
             {#if item?.return >=0 && item?.return !== null}
-              <svg class="w-5 h-5 mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g id="evaArrowUpFill0"><g id="evaArrowUpFill1"><path id="evaArrowUpFill2" fill="#10db06" d="M16.21 16H7.79a1.76 1.76 0 0 1-1.59-1a2.1 2.1 0 0 1 .26-2.21l4.21-5.1a1.76 1.76 0 0 1 2.66 0l4.21 5.1A2.1 2.1 0 0 1 17.8 15a1.76 1.76 0 0 1-1.59 1Z"/></g></g></svg>
               <span class="inline-block text-[#10DB06] text-md">{abbreviateNumber(item?.return)}%</span>
             {:else if item?.return < 0 && item?.return !== null}
-              <svg class="w-5 h-5 mt-0.5 rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g id="evaArrowUpFill0"><g id="evaArrowUpFill1"><path id="evaArrowUpFill2" fill="#FF2F1F" d="M16.21 16H7.79a1.76 1.76 0 0 1-1.59-1a2.1 2.1 0 0 1 .26-2.21l4.21-5.1a1.76 1.76 0 0 1 2.66 0l4.21 5.1A2.1 2.1 0 0 1 17.8 15a1.76 1.76 0 0 1-1.59 1Z"/></g></g></svg>    
               <span class="inline-block text-[#FF2F1F] text-md">{abbreviateNumber(item?.return)}% </span> 
             {:else}
               <span class="inline-block text-white text-md">
@@ -136,90 +127,11 @@
 
         </tbody>
 
-        <InfiniteLoading on:infinite={infiniteHandler} />
 
       </table>
-
+    </div>
   
-      {:else}
-  
-      <div class="relative sm:hidden pt-3 w-full">
-        {#each ipoList as item}
-          <div class="bg-[#09090B] rounded-lg border border-slate-800 shadow-lg h-auto pb-3 pl-2 pr-2 pt-4 mb-7">
-              <div class="flex flex-row items-center">
-                <label on:click={() => goto("/stocks/"+item?.symbol)} class="cursor-pointer flex flex-col ml-3 w-40">
-                  <span class="text-blue-400">{item?.symbol}</span>
-                  <span class="text-slate-300 text-sm">{item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)}</span>
-                </label>
-  
-                <div class="flex flex-col justify-end items-end ml-auto">
-                  <span class="font-medium text-slate-300 text-ends">IPO Date</span>
-                  <span class="text-white text-opacity-[0.8] text-md text-end">
-                    {item?.date !== null ? new Date(item?.date)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' }) : '-'}
-                  </span>
-                </div>
-              </div>
-              <div class="border-1 border-b border-slate-800 w-full mt-5 mb-5" />
-  
-              <div class="flex flex-row items-center">
-                <div class="flex flex-col ml-3 w-40">
-                  <span class="font-medium text-slate-300">IPO Price</span>
-                  <span class="text-white text-md">
-                    {item?.ipoPrice !== null ? '$'+item?.ipoPrice : '-'}
-                  </span>
-                </div>
-  
-                <div class="flex flex-col justify-end items-end ml-auto">
-                  <span class="font-medium text-slate-300 text-ends">Current Price</span>
-                  <span class="text-white text-md text-end">
-                    {item?.currentPrice !== null ? '$'+item?.currentPrice : '-'}
-                  </span>
-                </div>
-              </div>
-  
-              <div class="border-1 border-b border-slate-800 w-full mt-5 mb-5" />
-  
-  
-              <div class="flex flex-row items-center">
-                <div class="flex flex-col ml-3 w-40">
-                  <span class="font-medium text-slate-300">Market Cap</span>
-                  <span class="text-white text-md">
-                    {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'}
-                  </span>
-                </div>
-  
-                <div class="flex flex-col justify-end items-end ml-auto">
-                  <span class="font-medium text-slate-300 text-ends">Return</span>
-                  <span class="text-white text-md text-end">
-                    <div class="flex flex-row mt-1">
-                      {#if item?.return >=0 && item?.return !== null}
-                        <svg class="w-5 h-5 mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g id="evaArrowUpFill0"><g id="evaArrowUpFill1"><path id="evaArrowUpFill2" fill="#10db06" d="M16.21 16H7.79a1.76 1.76 0 0 1-1.59-1a2.1 2.1 0 0 1 .26-2.21l4.21-5.1a1.76 1.76 0 0 1 2.66 0l4.21 5.1A2.1 2.1 0 0 1 17.8 15a1.76 1.76 0 0 1-1.59 1Z"/></g></g></svg>
-                        <span class="text-[#10DB06] text-md">+{item?.return?.toFixed(2)}%</span>
-                      {:else if item?.return < 0 && item?.return !== null}
-                        <svg class="w-5 h-5 mt-0.5 rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g id="evaArrowUpFill0"><g id="evaArrowUpFill1"><path id="evaArrowUpFill2" fill="#FF2F1F" d="M16.21 16H7.79a1.76 1.76 0 0 1-1.59-1a2.1 2.1 0 0 1 .26-2.21l4.21-5.1a1.76 1.76 0 0 1 2.66 0l4.21 5.1A2.1 2.1 0 0 1 17.8 15a1.76 1.76 0 0 1-1.59 1Z"/></g></g></svg>    
-                        <span class="text-[#FF2F1F] text-md">{item?.return?.toFixed(2)}% </span> 
-                      {:else}
-                        <span class="text-white text-md">
-                          -
-                        </span> 
-                      {/if}
-                    </div>
-                  </span>
-                </div>
-              </div>
-  
-  
-          </div>
-        {/each}
-          
-        <InfiniteLoading on:infinite={infiniteHandler} />
-
-        <ScrollToTop />
-  
-      </div>
-  
-  
-      {/if}
+ 
   
   
   </div>