diff --git a/src/routes/crypto/+page.svelte b/src/routes/crypto/+page.svelte
index 58bbe32b..3b274a05 100644
--- a/src/routes/crypto/+page.svelte
+++ b/src/routes/crypto/+page.svelte
@@ -116,8 +116,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
           </div>
         
     
-        
-        <div class="w-full max-w-4xl mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3 overflow-hidden">
+           <div class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3 overflow-hidden">
         
         
             <!--Start Top Winners/Losers-->
@@ -131,46 +130,40 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
     
               <div class="border-b mt-2 border-blue-400 w-full mb-4" />
     
-              <div class="w-screen sm: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-x-scroll">
+              <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">
                 <thead>
                   <tr>
-                    <th class="text-white font-semibold hidden sm:table-cell text-sm text-start">Symbol</th>
-                    <th class="text-white font-semibold text-sm ">Name</th>
-                    <th class="text-white font-semibold text-end text-sm ">MarketCap</th>
-                    <th class="text-white font-semibold text-end text-sm ">Circulating Supply</th>
-                    <th class="text-white font-semibold text-end text-sm ">Max Supply</th>
+                    <th class="text-white font-medium text-sm sm:text-[1rem] text-start">Symbol</th>
+                    <th class="text-white font-medium text-sm sm:text-[1rem] ">Name</th>
+                    <th class="text-white font-medium text-end text-sm sm:text-[1rem] ">MarketCap</th>
+                    <th class="text-white font-medium text-end text-sm sm:text-[1rem] ">Circulating Supply</th>
+                    <th class="text-white font-medium text-end text-sm sm:text-[1rem] ">Max Supply</th>
                   </tr>
                 </thead>
                 <tbody>
                   {#each symbolList as item,index}
                   <tr on:click={() => goto("/crypto/"+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="hidden sm:table-cell text-blue-400 font-medium text-sm text-start border-b-[#09090B]">
+                    <td class="text-blue-400 font-medium text-sm 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 ? item?.name?.slice(0,charNumber) + "..." : item?.name}</span>
-                      <div class="sm:hidden flex flex-row">
-                        <div class="flex flex-col">
-                          <span class="text-blue-400 font-medium">{item?.symbol}</span>
-                          <span class="text-white">{item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name}</span>
-                        </div>
-                      </div>
+                    <td class="text-white whitespace-nowrap text-sm sm:text-[1rem] border-b-[#09090B]">
+                      {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name}
                     </td>
                   
                   
-                    <td class="text-white text-end border-b-[#09090B]">
+                    <td class="text-white text-end text-sm sm:text-[1rem] border-b-[#09090B]">
                       {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'}
                     </td>
                     
       
-                  <td class="text-white border-b-[#09090B] text-end">
+                  <td class="text-white border-b-[#09090B] text-end text-sm sm:text-[1rem]">
                     {item?.circulatingSupply !== null ? abbreviateNumber(item?.circulatingSupply,true) : '-'}
                   </td>
 
-                  <td class="text-white border-b-[#09090B] text-end">
+                  <td class="text-white border-b-[#09090B] text-end text-sm sm:text-[1rem]">
                     {item?.maxSupply !== 'Uncapped' ? abbreviateNumber(item?.maxSupply,true) : 'Uncapped'}
                   </td>
           
@@ -183,6 +176,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
                 </tbody>
               </table>
             </div>
+            </div>
           </div>
     
     
diff --git a/src/routes/etf/+page.svelte b/src/routes/etf/+page.svelte
index cd557c91..0ab1bc55 100644
--- a/src/routes/etf/+page.svelte
+++ b/src/routes/etf/+page.svelte
@@ -135,7 +135,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
         
     
         
-        <div class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3 overflow-hidden">
+        <div class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3">
         
         
             <!--Start Top Winners/Losers-->
@@ -149,41 +149,35 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
     
               <div class="border-b mt-2 border-blue-400 w-full mb-4" />
     
-      
-              <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">
+              <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">
                 <thead>
                   <tr>
-                    <th class="text-white font-medium hidden sm:table-cell text-[0.95rem] text-start">Symbol</th>
-                    <th class="text-white font-medium text-sm sm:text-[0.95rem]">Fund Name</th>
-                    <th class="text-white font-medium text-end text-sm sm:text-[0.95rem]">Holdings</th>
-                    <th class="text-white font-medium text-end text-sm sm:text-[0.95rem]">Total Assets</th>
+                    <th class="text-white font-medium text-sm sm:text-[1rem] text-start">Symbol</th>
+                    <th class="text-white font-medium text-sm sm:text-[1rem]">Fund Name</th>
+                    <th class="text-white font-medium text-end text-sm sm:text-[1rem]">Holdings</th>
+                    <th class="text-white font-medium text-end text-sm sm:text-[1rem]">Total Assets</th>
                   </tr>
                 </thead>
                 <tbody>
                   {#each stockList as item,index}
                   <tr on:click={() => goto("/etf/"+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="hidden sm:table-cell text-blue-400 font-medium text-sm text-start border-b-[#09090B]">
+                    <td class="text-blue-400 font-medium 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 ? item?.name?.slice(0,charNumber) + "..." : item?.name}</span>
-                      <div class="sm:hidden flex flex-row">
-                        <div class="flex flex-col">
-                          <span class="text-blue-400 font-medium">{item?.symbol}</span>
-                          <span class="text-white">{item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name}</span>
-                        </div>
-                      </div>
+                    <td class="text-white whitespace-nowrap text-sm sm:text-[1rem] border-b-[#09090B]">
+                     {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name}
                     </td>
                   
                   
-                    <td class="text-white text-center border-b-[#09090B]">
+                    <td class="text-white text-end text-sm sm:text-[1rem] border-b-[#09090B]">
                       {item?.numberOfHoldings !== null ? abbreviateNumber(item?.numberOfHoldings) : '-'}
                     </td>
                     
       
-                  <td class="text-white border-b-[#09090B] text-end">
+                  <td class="text-white whitespace-nowrap text-sm sm:text-[1rem] border-b-[#09090B] text-end">
                     {item?.totalAssets !== null ? abbreviateNumber(item?.totalAssets,true) : '-'}
                   </td>
           
@@ -195,6 +189,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
       
                 </tbody>
               </table>
+            </div>
           </div>
         
         
diff --git a/src/routes/stocks/+page.svelte b/src/routes/stocks/+page.svelte
index 1df32809..9a81b88f 100644
--- a/src/routes/stocks/+page.svelte
+++ b/src/routes/stocks/+page.svelte
@@ -140,28 +140,27 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
       </div>
     
 
+       <div class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3">
+        
+        
+            <!--Start Top Winners/Losers-->
+            <div class="flex flex-col justify-center items-center">
+              
+              <div class="ml-4 text-start w-full text-white mb-2">          
+                  <span class="font-bold text-2xl">
+                    {rawData?.length} Stocks
+                  </span>
+              </div>
     
-    <div class="w-full max-w-4xl mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3 overflow-hidden">
+              <div class="border-b mt-2 border-blue-400 w-full mb-4" />
     
-    
-        <!--Start Top Winners/Losers-->
-        <div class="flex flex-col justify-center items-center">
-          
-          <div class="ml-4 text-start w-full text-white mb-2">          
-              <span class="font-bold text-2xl">
-                {rawData?.length} Stocks
-              </span>
-          </div>
-
-          <div class="border-b mt-2 border-blue-400 w-full mb-4" />
-
-  
-        <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">
+        <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">
           <thead>
             <tr>
-              <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-center sm:text-start text-sm sm:text-[0.95rem]l">Sector</th>
+              <th class="text-white font-medium text-sm sm:text-[1rem] text-start">Symbol</th>
+              <th class="text-white font-medium text-sm sm:text-[1rem]">Name</th>
+              <th class="text-white font-medium text-end text-sm sm:text-[1rem]">Sector</th>
               <th class="text-white font-medium text-end text-sm sm:text-[0.95rem]">Market Cap</th>
             </tr>
           </thead>
@@ -169,26 +168,20 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
             {#each stockList as item,index}
             <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="hidden sm:table-cell text-blue-400 font-medium text-sm text-start border-b-[#09090B]">
+              <td class=" text-blue-400 font-medium text-start text-sm sm:text-[1rem] 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 ? item?.name?.slice(0,charNumber) + "..." : item?.name}</span>
-                <div class="sm:hidden flex flex-row">
-                  <div class="flex flex-col">
-                    <span class="text-blue-400 font-medium">{item?.symbol}</span>
-                    <span class="text-white">{item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name}</span>
-                  </div>
-                </div>
+              <td class="text-white whitespace-nowrap border-b-[#09090B]">
+                <span class="text-white">{item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name}</span>
               </td>
             
             
-            <td class="text-white border-b-[#09090B] text-center sm:text-start">
+            <td class="text-white whitespace-nowrap border-b-[#09090B] text-end text-sm sm:text-[1rem]">
               {item?.sector !== null ? item?.sector : '-'}
             </td>
 
-            <td class="text-white border-b-[#09090B] text-end">
+            <td class="text-white border-b-[#09090B] text-end text-sm sm:text-[1rem]">
               {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'}
             </td>
     
@@ -200,6 +193,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
 
           </tbody>
         </table>
+        </div>
       </div>