diff --git a/README.md b/README.md
index 47f34919..531a3487 100644
--- a/README.md
+++ b/README.md
@@ -283,7 +283,16 @@ If you find this project helpful, consider supporting its development:
 
 [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/pixelpawsai)
 
-WeChat & Alipay: [Click to view QR codes](https://raw.githubusercontent.com/willmiao/ComfyUI-Lora-Manager/main/static/images/combined-qr.webp)
+<div align="left">
+  <table>
+    <tr>
+      <td align="center">
+        <p>WeChat:</p>
+        <img src="https://github.com/willmiao/ComfyUI-Lora-Manager/blob/main/static/images/wechat-qr.webp" alt="WeChat QR" width="200" />
+      </td>
+    </tr>
+  </table>
+</div>
 
 ## 💬 Community
 
diff --git a/static/css/components/support-modal.css b/static/css/components/support-modal.css
index b16e3cbd..20e28009 100644
--- a/static/css/components/support-modal.css
+++ b/static/css/components/support-modal.css
@@ -151,11 +151,12 @@
 }
 
 .qrcode-image {
-    max-width: 100%;
+    max-width: 80%;
     height: auto;
     border-radius: var(--border-radius-sm);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     border: 1px solid var(--lora-border);
+    aspect-ratio: 1/1; /* Ensure proper aspect ratio for the square QR code */
 }
 
 .support-footer {
diff --git a/static/images/combined-qr.webp b/static/images/combined-qr.webp
deleted file mode 100644
index f68eb2dc..00000000
Binary files a/static/images/combined-qr.webp and /dev/null differ
diff --git a/static/images/wechat-qr.webp b/static/images/wechat-qr.webp
new file mode 100644
index 00000000..7dbda3c5
Binary files /dev/null and b/static/images/wechat-qr.webp differ
diff --git a/static/js/components/Header.js b/static/js/components/Header.js
index c6bb5e20..4de0e83d 100644
--- a/static/js/components/Header.js
+++ b/static/js/components/Header.js
@@ -90,7 +90,7 @@ export class HeaderManager {
               
               const toggleText = qrToggle.querySelector('.toggle-text');
               if (qrContainer.classList.contains('show')) {
-                  toggleText.textContent = 'Hide QR Codes';
+                  toggleText.textContent = 'Hide WeChat QR Code';
                   // Add small delay to ensure DOM is updated before scrolling
                   setTimeout(() => {
                       const supportModal = document.querySelector('.support-modal');
@@ -102,7 +102,7 @@ export class HeaderManager {
                       }
                   }, 250);
               } else {
-                  toggleText.textContent = 'Show QR Codes';
+                  toggleText.textContent = 'Show WeChat QR Code';
               }
           });
       }
diff --git a/templates/components/modals.html b/templates/components/modals.html
index 459dc30e..0f822086 100644
--- a/templates/components/modals.html
+++ b/templates/components/modals.html
@@ -245,15 +245,15 @@
 
             <!-- New section for Chinese payment methods -->
             <div class="support-section">
-                <h3><i class="fas fa-qrcode"></i> WeChat & Alipay Support</h3>
-                <p>For users in China, you can support via WeChat Pay or Alipay:</p>
+                <h3><i class="fas fa-qrcode"></i> WeChat Support</h3>
+                <p>For users in China, you can support via WeChat:</p>
                 <button class="secondary-btn qrcode-toggle" id="toggleQRCode">
                     <i class="fas fa-qrcode"></i>
-                    <span class="toggle-text">Show QR Codes</span>
+                    <span class="toggle-text">Show WeChat QR Code</span>
                     <i class="fas fa-chevron-down toggle-icon"></i>
                 </button>
                 <div class="qrcode-container" id="qrCodeContainer">
-                    <img src="/loras_static/images/combined-qr.webp" alt="WeChat Pay & Alipay QR Codes" class="qrcode-image">
+                    <img src="/loras_static/images/wechat-qr.webp" alt="WeChat Pay QR Code" class="qrcode-image">
                 </div>
             </div>