diff --git a/index.html b/index.html
index b886729..ec68036 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,13 @@
     
     <!-- Custom styles for this template-->
     <link href="css/style.min.css" rel="stylesheet" >
+
+    <style>
+        /* Hide the table by default */
+        #wrapper-one {
+            display: none;
+        }
+    </style>
 </head>
 
 <body onload="includeHTML()">
@@ -191,12 +198,18 @@
                     <!-- Topbar Navbar -->
                     <ul class="navbar-nav ml-auto">
 
+                      <li class="nav-item mt-4">
+                        <input type="text" id="filterInput" onkeyup="filterTable(); toggleTableVisibility()" placeholder="Search for Alias/PubKey...">
+
+
+                      </li>
                         <!-- Nav Item - Search Dropdown (Visible Only XS) -->
                         <li class="nav-item dropdown no-arrow d-sm-none">
                             <a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button"
                                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                 <i class="fas fa-search fa-fw"></i>
                             </a>
+                            
                         </li>
 
                         <div class="topbar-divider d-none d-sm-block"></div>
@@ -204,6 +217,7 @@
                         <!-- Nav Item - User Information -->
                         <li class="nav-item dropdown no-arrow mx-1">
                             <a class="nav-link dropdown-toggle" href="pages/aboutUs.html">
+                              
                                 <span class="mr-2 d-none d-lg-inline text-gray-600 small">Contributors</span>
                             </a>
                         </li>
@@ -211,7 +225,7 @@
                     </ul>
 
                 </nav>
-          <div class="container-fluid">
+          <div class="container-fluid" id="container-fluid">
 
             <!-- Page Heading -->
             <div class="d-sm-flex align-items-center justify-content-between mb-4">
@@ -347,6 +361,50 @@ <h4 class="card-title">Effective fee rate in BPS by transaction size</h4>
 
           </div>
         </div>
+<!-- extra Table -->
+<div id="wrapper-one">
+  
+  <div id="content-wrapper" class="d-flex flex-column">
+      <div id="content">
+         
+          <div class="container-fluid">
+        
+              <div class="card shadow mb-4">
+                  <div class="card-header py-3">
+                      <!-- <input type="text" id="filterInput" onkeyup="filterTable()" placeholder="Search for Alias/PubKey..."> -->
+                  </div>
+                  <div class="card-body">
+                      <div class="table-responsive">
+                          <table id="infoTable" class="tablesorter">
+                              <thead>
+                                  <tr>
+                                      <!-- <th>Pleb Rank</th> -->
+                                      <!-- <th>Betweenness Rank</th> -->
+                                      <!-- <th>Eigenvector Rank</th> -->
+                                      <!-- <th>Page Rank</th> -->
+                                      <!-- <th>Weighted Degree Rank</th> -->
+                                      <!-- <th>Channels Rank</th> -->
+                                      <!-- <th>Capacity Rank</th> -->
+                                      <!-- <th>Alias</th> -->
+                                      <th>Node Type</th>
+                                      <!-- <th>Total Capacity</th> -->
+                                      <!-- <th>Number of Channels</th> -->
+                                      <th>PubKey</th>
+                                  </tr>
+                              </thead>
+                              <tbody>
+                              </tbody>
+                          </table>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+
+      <div include-html="includes/footer.html"></div>
+  </div>
+</div>
+<!-- extra Table -->
 
         <div include-html="pages/includes/footer.html"></div>
 
@@ -384,5 +442,141 @@ <h4 class="card-title">Effective fee rate in BPS by transaction size</h4>
     <script src="js/graph.js"></script>
     <script src="js/scriptOne.js"></script>
 
+    <script>
+        function toggleTableVisibility() {
+            const filterInput = document.getElementById("filterInput").value;
+            const table = document.getElementById("wrapper-one");
+            const container = document.getElementById("container-fluid");
+
+            if (filterInput.length > 0) {
+                // Show the table and hide container-fluid
+                table.style.display = "block";
+                container.style.display = "none";
+            } else {
+                // Hide the table and show container-fluid
+                table.style.display = "none";
+                container.style.display = "block";
+            }
+        }
+    </script>
+<!-- 
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+      // Step 1: Include HTML components (sidebar and navbar)
+      includeHTML(function() {
+          // Step 2: Load initial content and first 100 records
+          loadInitialContent();
+          
+          // Step 3: Load remaining data in the background
+          loadRemainingData();
+      });
+  });
+
+  function includeHTML(callback) {
+      var z, i, elmnt, file, xhttp;
+      z = document.getElementsByTagName("*");
+      for (i = 0; i < z.length; i++) {
+          elmnt = z[i];
+          file = elmnt.getAttribute("include-html");
+          if (file) {
+              xhttp = new XMLHttpRequest();
+              xhttp.onreadystatechange = function() {
+                  if (this.readyState == 4) {
+                      if (this.status == 200) {elmnt.innerHTML = this.responseText;}
+                      if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
+                      elmnt.removeAttribute("include-html");
+                      includeHTML(callback);
+                  }
+              }      
+              xhttp.open("GET", file, true);
+              xhttp.send();
+              return;
+          }
+      }
+      if (callback) callback();
+  }
+
+  function loadInitialContent() {
+      Papa.parse("https://raw.githubusercontent.com/sorukumar/plebdashboard/main/data/node_rank.csv", {
+          download: true,
+          header: true,
+          preview: 100, // Load only first 100 records
+          complete: function(results) {
+              populateTable(results.data);
+              $("#infoTable").tablesorter();
+          }
+      });
+  }
+
+  function loadRemainingData() {
+  Papa.parse("https://raw.githubusercontent.com/sorukumar/plebdashboard/main/data/node_rank.csv", {
+      download: true,
+      header: true,
+      skipEmptyLines: true,  // Skip empty lines if any
+      complete: function(results) {
+          const remainingData = results.data.slice(100);  // Slice to get only entries after the first 100
+          appendToTable(remainingData);
+      }
+  });
+}
+
+
+  function populateTable(data) {
+      const table = document.getElementById('infoTable').getElementsByTagName('tbody')[0];
+      data.forEach(function(item) {
+          let row = table.insertRow();
+          Object.values(item).forEach(function(val, index) {
+              let cell = row.insertCell();
+
+              if(index ===10){
+                  cell.textContent = Math.round(val);
+              }
+              else if (index === 11) {
+                  cell.innerHTML = `<a href="profile_details.html?pub_key=${encodeURIComponent(val)}">${val}</a>`;
+              } else {
+                  cell.textContent = val;
+              }
+          });
+      });
+  }
+
+  function appendToTable(data) {
+      const table = document.getElementById('infoTable').getElementsByTagName('tbody')[0];
+      data.forEach(function(item) {
+          let row = table.insertRow();
+          Object.values(item).forEach(function(val, index) {
+              let cell = row.insertCell();
+              if(index ===10){
+                  cell.textContent = Math.round(val);
+              }
+              else if (index === 11) {
+                  cell.innerHTML = `<a href="profile_details.html?pub_key=${encodeURIComponent(val)}">${val}</a>`;
+              } else {
+                  cell.textContent = val;
+              }
+          });
+      });
+      $("#infoTable").trigger("update");
+  }
+
+  function filterTable() {
+      let input = document.getElementById("filterInput");
+      let filter = input.value.toUpperCase();
+      let table = document.getElementById("infoTable");
+      let tr = table.getElementsByTagName("tr");
+      for (let i = 1; i < tr.length; i++) {
+          let tds = tr[i].getElementsByTagName("td");
+          let found = false;
+          for (let j = 0; j < tds.length; j++) {
+              if (tds[j].textContent.toUpperCase().indexOf(filter) > -1) {
+                  found = true;
+                  break;
+              }
+          }
+          tr[i].style.display = found ? "" : "none";
+      }
+  }
+  </script> -->
+
   </body>
 </html>
diff --git a/js/profile_details.js b/js/profile_details.js
index db9020d..c194c29 100644
--- a/js/profile_details.js
+++ b/js/profile_details.js
@@ -213,6 +213,14 @@ function displayChannelTable(node) {
 
 // Function to display the Channel Size table
 function displayChannelSizeTable(node) {
+    // Helper function to format values
+    const formatToMillions = (value) => {
+        if (isNaN(value) || value === null || value === undefined) return 'N/A';
+        return value >= 1_000_000
+            ? `${Math.floor(value / 1_000_000)}M` // Convert to millions and remove decimals
+            : Math.floor(value).toLocaleString(); // Display the number without decimals, formatted with commas
+    };
+
     return `
     <div class="table-responsive mt-2">
         <table class="table table-sm table-bordered">
@@ -223,16 +231,19 @@ function displayChannelSizeTable(node) {
                 </tr>
             </thead>
             <tbody>
-                <tr><td>Average Channel Size</td><td>${node.Avg_Channel_Size || 'N/A'}</td></tr>
-                <tr><td>Max Channel Size</td><td>${node.Max_Channel_Size || 'N/A'}</td></tr>
-                <tr><td>Median Channel Size</td><td>${node.Median_Channel_Size || 'N/A'}</td></tr>
-                <tr><td>Min Channel Size</td><td>${node.Min_Channel_Size || 'N/A'}</td></tr>
-                <tr><td>Mode Channel Size</td><td>${node.Mode_Channel_Size || 'N/A'}</td></tr>
+                <tr><td>Average Channel Size</td><td>${formatToMillions(node.Avg_Channel_Size)}</td></tr>
+                <tr><td>Max Channel Size</td><td>${formatToMillions(node.Max_Channel_Size)}</td></tr>
+                <tr><td>Median Channel Size</td><td>${formatToMillions(node.Median_Channel_Size)}</td></tr>
+                <tr><td>Min Channel Size</td><td>${formatToMillions(node.Min_Channel_Size)}</td></tr>
+                <tr><td>Mode Channel Size</td><td>${formatToMillions(node.Mode_Channel_Size)}</td></tr>
             </tbody>
         </table>
     </div>`;
 }
 
+
+
+
 // Function to display the Base Fee table
 function displayBaseFeeTable(node) {
     let html = `
@@ -248,10 +259,14 @@ function displayBaseFeeTable(node) {
 
     for (const key in node) {
         if (key.endsWith('Base_Fee')) {
+            // Remove decimals using Math.floor or Math.round
+            let feeValue = node[key];
+            feeValue = (isNaN(feeValue) || feeValue === null || feeValue === undefined) ? 'N/A' : Math.floor(feeValue);
+
             html += `
                 <tr>
                     <td>${key}</td>
-                    <td>${node[key] || 'N/A'}</td>
+                    <td>${feeValue}</td>
                 </tr>`;
         }
     }
@@ -264,6 +279,7 @@ function displayBaseFeeTable(node) {
     return html; // Return the HTML for the Base Fee table
 }
 
+
 // Append all tables in a single row
 function appendTables(node) {
     const tablesRow = `
diff --git a/pages/prank.html b/pages/prank.html
index 068f0a7..7213b2b 100644
--- a/pages/prank.html
+++ b/pages/prank.html
@@ -3,49 +3,49 @@
 <body onload="includeHTML()">
   <div include-html="includes/header.html"></div>
 
-<body id="page-top">
+  <body id="page-top">
     <div id="wrapper">
-        <div include-html="includes/side-nav.html"></div>
-        
-        <div id="content-wrapper" class="d-flex flex-column">
-            <div id="content">
-                <div include-html="includes/top-nav.html"></div>
-                
-                <div class="container-fluid">
-                    <h1 class="h3 mb-2 text-gray-800">Prank, Pleb Ranking, a sophisticated method to rank nodes</h1>
-                    <p class="mb-4">PRank is a custom node ranking method. We look at weighted centrality measures to rank nodes. To learn about centrality read <a target="_blank" href="https://sorukumar.github.io/blog/lightning/technical/2024/04/12/Centrality-Measures-Lightning-Network.html">Centrality Measure</a>.</p>
-
-                    <div class="card shadow mb-4">
-                        <div class="card-header py-3">
-                            <input type="text" id="filterInput" onkeyup="filterTable()" placeholder="Search for nodes...">
-                        </div>
-                        <div class="card-body">
-                            <div class="table-responsive">
-                                <table id="infoTable" class="tablesorter">
-                                    <thead>
-                                        <tr>
-                                            <th>Pleb Rank</th>
-                                            <th>Channels Rank</th>
-                                            <th>Capacity Rank</th>
-                                            <th>Alias/Pub key</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
+      <div include-html="includes/side-nav.html"></div>
+      
+      <div id="content-wrapper" class="d-flex flex-column">
+        <div id="content">
+          <div include-html="includes/top-nav.html"></div>
+          
+          <div class="container-fluid">
+            <h1 class="h3 mb-2 text-gray-800">Prank, Pleb Ranking, a sophisticated method to rank nodes</h1>
+            <p class="mb-4">PRank is a custom node ranking method. We look at weighted centrality measures to rank nodes. To learn about centrality read <a target="_blank" href="https://sorukumar.github.io/blog/lightning/technical/2024/04/12/Centrality-Measures-Lightning-Network.html">Centrality Measure</a>.</p>
+
+            <div class="card shadow mb-4">
+              <div class="card-header py-3">
+                <input type="text" id="filterInput" placeholder="Search for Alias/Pubkey...">
+              </div>
+              <div class="card-body">
+                <div class="table-responsive">
+                  <table id="infoTable" class="tablesorter">
+                    <thead>
+                      <tr>
+                        <th>Pleb Rank</th>
+                        <th>Channels Rank</th>
+                        <th>Capacity Rank</th>
+                        <th>Alias/Pub key</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                    </tbody>
+                  </table>
                 </div>
+              </div>
             </div>
-
-            <div include-html="includes/footer.html"></div>
+          </div>
         </div>
+
+        <div include-html="includes/footer.html"></div>
+      </div>
     </div>
 
     <!-- Scroll to Top Button-->
     <a class="scroll-to-top rounded" href="#page-top">
-        <i class="fas fa-angle-up"></i>
+      <i class="fas fa-angle-up"></i>
     </a>
 
     <!-- Bootstrap core JavaScript-->
@@ -62,129 +62,105 @@ <h1 class="h3 mb-2 text-gray-800">Prank, Pleb Ranking, a sophisticated method to
     <script src="../vendor/datatables/jquery.dataTables.min.js"></script>
     <script src="../vendor/datatables/dataTables.bootstrap4.min.js"></script>
 
-    <!-- Page level custom scripts -->
-    <script src="../js/demo/datatables-demo.js"></script>
-
     <!-- Additional required scripts -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js"></script>
 
     <script>
     document.addEventListener("DOMContentLoaded", function () {
-    let rankCounter = 1; // Initialize the rank counter
-
-    // Step 1: Include HTML components (sidebar and navbar)
-    includeHTML(function () {
-        // Step 2: Load initial content and first 100 records
-        loadInitialContent();
-
-        // Step 3: Load remaining data in the background
-        loadRemainingData();
+      let rankCounter = 1; // Initialize the rank counter
+
+      // Step 1: Include HTML components (sidebar and navbar)
+      includeHTML(function () {
+          // Step 2: Load initial content and first 100 records
+          loadInitialContent();
+      });
+
+      function includeHTML(callback) {
+          var z, i, elmnt, file, xhttp;
+          z = document.getElementsByTagName("*");
+          for (i = 0; i < z.length; i++) {
+              elmnt = z[i];
+              file = elmnt.getAttribute("include-html");
+              if (file) {
+                  xhttp = new XMLHttpRequest();
+                  xhttp.onreadystatechange = function () {
+                      if (this.readyState == 4) {
+                          if (this.status == 200) {
+                              elmnt.innerHTML = this.responseText;
+                          }
+                          if (this.status == 404) {
+                              elmnt.innerHTML = "Page not found.";
+                          }
+                          elmnt.removeAttribute("include-html");
+                          includeHTML(callback);
+                      }
+                  };
+                  xhttp.open("GET", file, true);
+                  xhttp.send();
+                  return;
+              }
+          }
+          if (callback) callback();
+      }
+
+      function loadInitialContent() {
+          Papa.parse("https://raw.githubusercontent.com/sorukumar/plebdashboard/main/data/prank.csv", {
+              download: true,
+              header: true,
+              complete: function (results) {
+                  populateTable(results.data);
+                  console.log(results.data);
+                  
+                  $("#infoTable").tablesorter();
+
+                  // Enable filtering once data is loaded
+                  document.getElementById("filterInput").addEventListener("keyup", filterTable);
+              }
+          });
+      }
+
+      function populateTable(data) {
+        
+        
+          const table = document.getElementById("infoTable").getElementsByTagName("tbody")[0];
+          data.forEach(function (item) {
+              let row = table.insertRow();
+              
+            //   row.insertCell().textContent = rankCounter++; // Incrementing the pleb rank without repetition
+              Object.values(item).forEach(function (val, index) {
+                  let cell = row.insertCell();
+                  if (index === 3) { // Assuming the alias/pub key is the fourth column
+                    //   cell.innerHTML = `<a href="profile_details.html?alias=${encodeURIComponent(val)}" target="_blank">${val}</a>`;
+                      cell.innerHTML = `<a href="profile_details.html?pubkey=${encodeURIComponent(val)}" target="_blank">${val}</a>`;
+
+                  } else {
+                      cell.textContent = val;
+                  }
+              });
+          });
+      }
+
+      function filterTable() {
+          let input = document.getElementById("filterInput");
+          let filter = input.value.toUpperCase();
+          let table = document.getElementById("infoTable");
+          let tr = table.getElementsByTagName("tr");
+
+          for (let i = 1; i < tr.length; i++) {
+              let tds = tr[i].getElementsByTagName("td");
+              let found = false;
+
+              for (let j = 0; j < tds.length; j++) {
+                  if (tds[j].textContent.toUpperCase().indexOf(filter) > -1) {
+                      found = true;
+                      break;
+                  }
+              }
+              tr[i].style.display = found ? "" : "none";
+          }
+      }
     });
-
-    function includeHTML(callback) {
-        var z, i, elmnt, file, xhttp;
-        z = document.getElementsByTagName("*");
-        for (i = 0; i < z.length; i++) {
-            elmnt = z[i];
-            file = elmnt.getAttribute("include-html");
-            if (file) {
-                xhttp = new XMLHttpRequest();
-                xhttp.onreadystatechange = function () {
-                    if (this.readyState == 4) {
-                        if (this.status == 200) {
-                            elmnt.innerHTML = this.responseText;
-                        }
-                        if (this.status == 404) {
-                            elmnt.innerHTML = "Page not found.";
-                        }
-                        elmnt.removeAttribute("include-html");
-                        includeHTML(callback);
-                    }
-                };
-                xhttp.open("GET", file, true);
-                xhttp.send();
-                return;
-            }
-        }
-        if (callback) callback();
-    }
-
-    function loadInitialContent() {
-        Papa.parse("https://raw.githubusercontent.com/sorukumar/plebdashboard/main/data/prank.csv", {
-            download: true,
-            header: true,
-            // preview: 100, // Load only first 100 records
-            complete: function (results) {
-                populateTable(results.data);
-                $("#infoTable").tablesorter();
-            }
-        });
-    }
-
-    // function loadRemainingData() {
-    //     Papa.parse("https://raw.githubusercontent.com/sorukumar/plebdashboard/main/data/prank.csv", {
-    //         download: true,
-    //         header: true,
-    //         skipFirstNLines: 100, // Skip the first 100 records we've already loaded
-    //         complete: function (results) {
-    //             appendToTable(results.data);
-    //         }
-    //     });
-    // }
-
-    function populateTable(data) {
-        const table = document.getElementById("infoTable").getElementsByTagName("tbody")[0];
-        data.forEach(function (item) {
-            let row = table.insertRow();
-            // row.insertCell().textContent = rankCounter++; // Incrementing the pleb rank without repetition
-            Object.values(item).forEach(function (val, index) {
-                let cell = row.insertCell();
-                if (index === 11) {
-                    cell.innerHTML = `<a href="profile/details.html?alias=${encodeURIComponent(val)}" target="_blank">${val}</a>`;
-                } else {
-                    cell.textContent = val;
-                }
-            });
-        });
-    }
-
-    function appendToTable(data) {
-        const table = document.getElementById("infoTable").getElementsByTagName("tbody")[0];
-        data.forEach(function (item) {  
-            let row = table.insertRow();
-            row.insertCell().textContent = rankCounter++; // Continue incrementing the rank
-            Object.values(item).forEach(function (val, index) {
-                let cell = row.insertCell();
-                if (index === 11) {
-                    cell.innerHTML = `<a href="profile/details.html?alias=${encodeURIComponent(val)}" target="_blank">${val}</a>`;
-                } else {
-                    cell.textContent = val;
-                }
-            });
-        });
-        $("#infoTable").trigger("update");
-    }
-
-    function filterTable() {
-        let input = document.getElementById("filterInput");
-        let filter = input.value.toUpperCase();
-        let table = document.getElementById("infoTable");
-        let tr = table.getElementsByTagName("tr");
-        for (let i = 1; i < tr.length; i++) {
-            let tds = tr[i].getElementsByTagName("td");
-            let found = false;
-            for (let j = 0; j < tds.length; j++) {
-                if (tds[j].textContent.toUpperCase().indexOf(filter) > -1) {
-                    found = true;
-                    break;
-                }
-            }
-            tr[i].style.display = found ? "" : "none";
-        }
-    }
-});
-
     </script>
-</body>
+  </body>
 </html>
diff --git a/pages/ranking.html b/pages/ranking.html
index 644009e..aebcceb 100644
--- a/pages/ranking.html
+++ b/pages/ranking.html
@@ -20,7 +20,7 @@ <h1 class="h3 mb-2 text-gray-800">Capacity Rank, Channel Rank and Centrality ran
 
                     <div class="card shadow mb-4">
                         <div class="card-header py-3">
-                            <input type="text" id="filterInput" onkeyup="filterTable()" placeholder="Search for nodes...">
+                            <input type="text" id="filterInput" onkeyup="filterTable()" placeholder="Search for Alias/PubKey...">
                         </div>
                         <div class="card-body">
                             <div class="table-responsive">

Average Channel Size	${node.Avg_Channel_Size \|\| 'N/A'}
Max Channel Size	${node.Max_Channel_Size \|\| 'N/A'}
Median Channel Size	${node.Median_Channel_Size \|\| 'N/A'}
Min Channel Size	${node.Min_Channel_Size \|\| 'N/A'}
Mode Channel Size	${node.Mode_Channel_Size \|\| 'N/A'}
Average Channel Size	${formatToMillions(node.Avg_Channel_Size)}
Max Channel Size	${formatToMillions(node.Max_Channel_Size)}
Median Channel Size	${formatToMillions(node.Median_Channel_Size)}
Min Channel Size	${formatToMillions(node.Min_Channel_Size)}
Mode Channel Size	${formatToMillions(node.Mode_Channel_Size)}