diff --git a/basicswap/static/images/coins/Litecoin%MWEB.png b/basicswap/static/images/coins/Litecoin%MWEB.png
new file mode 100644
index 0000000..24c398b
Binary files /dev/null and b/basicswap/static/images/coins/Litecoin%MWEB.png differ
diff --git a/basicswap/static/images/coins/Litecoin-MWEB-20.png b/basicswap/static/images/coins/Litecoin-MWEB-20.png
new file mode 100644
index 0000000..24c398b
Binary files /dev/null and b/basicswap/static/images/coins/Litecoin-MWEB-20.png differ
diff --git a/basicswap/static/images/coins/Litecoin-MWEB.png b/basicswap/static/images/coins/Litecoin-MWEB.png
new file mode 100644
index 0000000..b1ce3bd
Binary files /dev/null and b/basicswap/static/images/coins/Litecoin-MWEB.png differ
diff --git a/basicswap/templates/offer_new_1.html b/basicswap/templates/offer_new_1.html
index 8b9cca2..917fbb2 100644
--- a/basicswap/templates/offer_new_1.html
+++ b/basicswap/templates/offer_new_1.html
@@ -435,15 +435,14 @@
         <div class="flex flex-wrap justify-end">
          <!--<div class="w-full md:w-auto p-1.5"><button name="show_rates_table" type="button" value="Show Rates Table" onclick='lookup_rates_table();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="mr-2"
           xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><g fill="#556987"><path fill="#556987" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path><path data-color="#556987" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg><span>Show Rates Table</span></button></div>-->
-           {% if show_chart %}
+          {% if show_chart %}
           <div class="w-full md:w-auto p-1.5">
-            <button name="loadPrices" type="button" value="Lookup Rates (RAW)" onclick="loadPrices();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600">
-          <span>Check Current Prices/Rates (TABLE)</span>
-          </button>
+              <button name="loadPrices" id="loadPricesButton" type="button" value="Check Current Prices/Rates (TABLE)" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600"><span>Check Current Prices/Rates (TABLE)</span>
+            </button>
           </div>
           {% endif %}
          <div class="w-full md:w-auto p-1.5">
-          <button name="check_rates" type="button" value="Lookup Rates (RAW)" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600"><span>Check Current Prices/Rates (JSON)</span>
+          <button name="check_rates" type="button" value="Check Current Prices/Rates (JSON)" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md focus:ring-0 focus:outline-none dark:text-white dark:hover:text-white dark:bg-gray-600 dark:hover:bg-gray-700 dark:border-gray-600 dark:hover:border-gray-600"><span>Check Current Prices/Rates (JSON)</span>
           </button>
          </div>
          <div class="w-full md:w-auto p-1.5">
@@ -540,22 +539,34 @@ xhr_rates_table.onload = () => {
 function lookup_rates() {
     const coin_from = document.getElementById('coin_from').value;
     const coin_to = document.getElementById('coin_to').value;
-    if (coin_from == '-1' || coin_to == '-1') {
+    
+    if (coin_from === '-1' || coin_to === '-1') {
         alert('Coins from and to must be set first.');
         return;
     }
+    
+    const selectedCoin = (coin_from === '15') ? '3' : coin_from;
+    
     inner_html = '<p>Updating...</p>';
     document.getElementById('rates_display').innerHTML = inner_html;
-
-    // Remove the 'hidden' class
     document.querySelector(".pricejsonhidden").classList.remove("hidden");
 
+    const xhr_rates = new XMLHttpRequest();
+    xhr_rates.onreadystatechange = function() {
+        if (xhr_rates.readyState === XMLHttpRequest.DONE) {
+            if (xhr_rates.status === 200) {
+                document.getElementById('rates_display').innerHTML = xhr_rates.responseText;
+            } else {
+                console.error('Error fetching data:', xhr_rates.statusText);
+            }
+        }
+    };
+
     xhr_rates.open('POST', '/json/rates');
     xhr_rates.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
-    xhr_rates.send('coin_from=' + coin_from + '&coin_to=' + coin_to);
+    xhr_rates.send('coin_from=' + selectedCoin + '&coin_to=' + coin_to);
 }
 
-
 function lookup_rates_table() {
     const coin_from = document.getElementById('coin_from').value;
     const coin_to = document.getElementById('coin_to').value;
@@ -652,17 +663,10 @@ document.addEventListener("DOMContentLoaded", function() {
     const swap_type = document.getElementById('swap_type');
     set_swap_type_enabled(coin_from, coin_to, swap_type);
 });
-</script>
-<script src="static/js/new_offer.js"></script>
-<script src="static/js/coin_icons.js"></script>
-<script src="static/js/coin_icons_2.js"></script>
-</div>
-{% include 'footer.html' %}
-</div>
+
 {% if show_chart %}
-<script>
 document.addEventListener('DOMContentLoaded', function() {
-    document.querySelector("button[name='loadPrices']").addEventListener("click", loadPrices);
+    const loadPricesButton = document.getElementById("loadPricesButton");
 
     function loadPrices() {
         const api_key = '{{chart_api_key}}';
@@ -678,25 +682,27 @@ document.addEventListener('DOMContentLoaded', function() {
                     const priceBTC = data.RAW[coin].BTC.PRICE;
 
                     const tableRow = document.createElement("tr");
-                    tableRow.classList.add("opacity-100", "text-gray-500", "dark:text-gray-100", "dark:text-gray-100", "hover:bg-coolGray-200", "dark:hover:bg-gray-600");
+                    tableRow.classList.add("opacity-100", "text-gray-500", "dark:text-gray-100",
+                                            "dark:text-gray-100", "hover:bg-coolGray-200",
+                                            "dark:hover:bg-gray-600");
 
-                    const coinCell = document.createElement("td", "py-3", "px-6");
+                    const coinCell = document.createElement("td");
                     coinCell.textContent = coin;
                     coinCell.classList.add("py-3", "px-6", "bold");
                     tableRow.appendChild(coinCell);
 
-                    const usdPriceCell = document.createElement("td", "py-3", "px-6");
+                    const usdPriceCell = document.createElement("td");
                     usdPriceCell.textContent = priceUSD.toFixed(2) + ' USD';
-                    coinCell.classList.add("py-3", "px-6");
+                    usdPriceCell.classList.add("py-3");
                     tableRow.appendChild(usdPriceCell);
 
                     const btcPriceCell = document.createElement("td");
+                    btcPriceCell.classList.add("py-3");
                     if (coin !== 'BTC') {
                         btcPriceCell.textContent = priceBTC.toFixed(8) + ' BTC';
                     } else {
                         btcPriceCell.textContent = '-';
                     }
-                    coinCell.classList.add("py-3", "px-6");
                     tableRow.appendChild(btcPriceCell);
 
                     document.getElementById("priceTableBody").appendChild(tableRow);
@@ -704,15 +710,19 @@ document.addEventListener('DOMContentLoaded', function() {
                 .catch(error => console.error(`Error fetching ${coin} data:`, error));
         });
 
-        // Remove the 'hidden' class from the section when the button is clicked
         document.querySelector(".pricetablehidden").classList.remove("hidden");
-
-        // Disable the button to prevent multiple clicks
-        const button = document.querySelector("button[name='loadPrices']");
-        button.disabled = true;
+        loadPricesButton.disabled = true;
     }
+
+    loadPricesButton.addEventListener("click", loadPrices);
 });
-</script>
 {% endif %}
+</script>
+<script src="static/js/new_offer.js"></script>
+<script src="static/js/coin_icons.js"></script>
+<script src="static/js/coin_icons_2.js"></script>
+</div>
+{% include 'footer.html' %}
+</div>
 </body>
 </html>