diff --git a/app/assets/images/payment_icons/cash.svg b/app/assets/images/payment_icons/cash.svg
index 176d33e8e..01f5781fc 100644
--- a/app/assets/images/payment_icons/cash.svg
+++ b/app/assets/images/payment_icons/cash.svg
@@ -1,2 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-{cash}">
-    <title id="pi-cash">cash</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="M16.633 9.778c0-.611.556-1.193 1.617-1.384v2.794c-1.193-.296-1.617-.788-1.617-1.41ZM21.587 14.161c0 .737-.518 1.328-1.837 1.475v-2.982c1.437.325 1.837.792 1.837 1.507Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm.002-3H19a.75.75 0 0 1-.75-.75v-.561c-1.542-.176-2.84-.871-3.201-2.01a1.005 1.005 0 0 1-.049-.307c0-.327.276-.551.666-.551.333 0 .585.143.723.483.248.649.795 1.152 1.861 1.315v-3.271c-1.971-.412-3.03-1.166-3.03-2.489 0-1.395 1.246-2.338 3.03-2.547V6.75A.75.75 0 0 1 19 6h.004a.75.75 0 0 1 .746.75v.555c1.495.18 2.677.915 3.03 2.01.033.102.05.204.05.306 0 .327-.277.551-.666.551-.382 0-.61-.19-.723-.483-.325-.717-.87-1.147-1.691-1.302v3.107c2.083.422 3.25 1.144 3.25 2.572 0 1.566-1.45 2.45-3.25 2.633v.551a.75.75 0 0 1-.746.75h-.002Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path d="M5 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM33 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
+    <title id="pi-cash">Cash</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="M16.633 9.778c0-.611.556-1.193 1.617-1.384v2.794c-1.193-.296-1.617-.788-1.617-1.41ZM21.587 14.161c0 .737-.518 1.328-1.837 1.475v-2.982c1.437.325 1.837.792 1.837 1.507Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm.002-3H19a.75.75 0 0 1-.75-.75v-.561c-1.542-.176-2.84-.871-3.201-2.01a1.005 1.005 0 0 1-.049-.307c0-.327.276-.551.666-.551.333 0 .585.143.723.483.248.649.795 1.152 1.861 1.315v-3.271c-1.971-.412-3.03-1.166-3.03-2.489 0-1.395 1.246-2.338 3.03-2.547V6.75A.75.75 0 0 1 19 6h.004a.75.75 0 0 1 .746.75v.555c1.495.18 2.677.915 3.03 2.01.033.102.05.204.05.306 0 .327-.277.551-.666.551-.382 0-.61-.19-.723-.483-.325-.717-.87-1.147-1.691-1.302v3.107c2.083.422 3.25 1.144 3.25 2.572 0 1.566-1.45 2.45-3.25 2.633v.551a.75.75 0 0 1-.746.75h-.002Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path d="M5 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM33 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/app/assets/images/payment_icons/generic.svg b/app/assets/images/payment_icons/generic.svg
index 6e17dcb74..d23b7ca0b 100644
--- a/app/assets/images/payment_icons/generic.svg
+++ b/app/assets/images/payment_icons/generic.svg
@@ -1,2 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-{generic}">
-    <title id="pi-generic">generic</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="M37 4H1v3h36V4ZM4 19a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1ZM29 19a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
+    <title id="pi-generic">Generic</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="M37 4H1v3h36V4ZM4 19a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1ZM29 19a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/app/assets/images/payment_icons/gift-card.svg b/app/assets/images/payment_icons/gift-card.svg
index dc2657375..705bb3586 100644
--- a/app/assets/images/payment_icons/gift-card.svg
+++ b/app/assets/images/payment_icons/gift-card.svg
@@ -1,2 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-{gift-card}">
-    <title id="pi-gift-card">gift-card</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.275 12c.939 1.246 2.296 2 3.725 2a1 1 0 1 1 0 2c-2.002 0-3.75-.932-5-2.397V24h-2V13.603C10.75 15.068 9.002 16 7 16a1 1 0 1 1 0-2c1.43 0 2.786-.754 3.725-2H0v-2h5.385A3.129 3.129 0 0 1 5 8.5C5 6.567 6.79 5 9 5c1.195 0 2.267.458 3 1.185V0h2v6.185C14.733 5.458 15.805 5 17 5c2.21 0 4 1.567 4 3.5a3.13 3.13 0 0 1-.385 1.5H38v2H15.275ZM17 10c1.364 0 2-.914 2-1.5S18.364 7 17 7c-1.364 0-2 .914-2 1.5V10h2Zm-6 0V8.5c0-.586-.636-1.5-2-1.5-1.364 0-2 .914-2 1.5S7.636 10 9 10h2Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
+    <title id="pi-gift-card">Gift Card</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.275 12c.939 1.246 2.296 2 3.725 2a1 1 0 1 1 0 2c-2.002 0-3.75-.932-5-2.397V24h-2V13.603C10.75 15.068 9.002 16 7 16a1 1 0 1 1 0-2c1.43 0 2.786-.754 3.725-2H0v-2h5.385A3.129 3.129 0 0 1 5 8.5C5 6.567 6.79 5 9 5c1.195 0 2.267.458 3 1.185V0h2v6.185C14.733 5.458 15.805 5 17 5c2.21 0 4 1.567 4 3.5a3.13 3.13 0 0 1-.385 1.5H38v2H15.275ZM17 10c1.364 0 2-.914 2-1.5S18.364 7 17 7c-1.364 0-2 .914-2 1.5V10h2Zm-6 0V8.5c0-.586-.636-1.5-2-1.5-1.364 0-2 .914-2 1.5S7.636 10 9 10h2Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/app/assets/images/payment_icons/onlinebanking.svg b/app/assets/images/payment_icons/onlinebanking.svg
index 12de92cbb..b618125ec 100644
--- a/app/assets/images/payment_icons/onlinebanking.svg
+++ b/app/assets/images/payment_icons/onlinebanking.svg
@@ -1,2 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-{onlinebanking}">
-    <title id="pi-onlinebanking">onlinebanking</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 3c0-2 1.5-3 3-3h32c2 0 3 1.5 3 3v1H0V3Zm11-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path d="M12.557 9.81a.92.92 0 1 0 .724 1.69L18.212 9a2 2 0 0 1 1.576 0l4.93 2.5a.92.92 0 0 0 .725-1.69l-5.655-2.65a2 2 0 0 0-1.576 0l-5.655 2.65Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path d="M18 12a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4ZM23 12a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0v-3a1 1 0 0 0-1-1ZM15 12a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0v-3a1 1 0 0 0-1-1ZM13 18a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
+    <title id="pi-onlinebanking">Online Banking</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 3c0-2 1.5-3 3-3h32c2 0 3 1.5 3 3v1H0V3Zm11-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path d="M12.557 9.81a.92.92 0 1 0 .724 1.69L18.212 9a2 2 0 0 1 1.576 0l4.93 2.5a.92.92 0 0 0 .725-1.69l-5.655-2.65a2 2 0 0 0-1.576 0l-5.655 2.65Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/><path d="M18 12a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4ZM23 12a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0v-3a1 1 0 0 0-1-1ZM15 12a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0v-3a1 1 0 0 0-1-1ZM13 18a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/app/assets/images/payment_icons/storecredit.svg b/app/assets/images/payment_icons/storecredit.svg
index 527b9d34d..672b813ca 100644
--- a/app/assets/images/payment_icons/storecredit.svg
+++ b/app/assets/images/payment_icons/storecredit.svg
@@ -1,2 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-{storecredit}">
-    <title id="pi-storecredit">storecredit</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="m11.469 5.386-.414.532c-.684.878-1.17 2.048-.558 2.977.384.583 1.065 1.098 2.272 1.093 2.77.012 3.185-3.715 3.185-3.715S16.23 10 19 10c2.77 0 3.046-3.727 3.046-3.727s.416 3.727 3.185 3.715c1.207.005 1.888-.51 2.272-1.093.612-.93.126-2.099-.558-2.977l-.414-.532a1 1 0 0 0-.79-.386H12.259a1 1 0 0 0-.789.386ZM13 12v-.017a4.497 4.497 0 0 0 1.87-.477c.083.146.13.314.13.494v5h3v-3a1 1 0 1 1 2 0v3h3v-5c0-.18.047-.348.13-.494a4.497 4.497 0 0 0 1.87.477V17a1 1 0 1 1 0 2H13a1 1 0 1 1 0-2v-5ZM3 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2ZM32 10a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
+    <title id="pi-storecredit">Store Credit</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="m11.469 5.386-.414.532c-.684.878-1.17 2.048-.558 2.977.384.583 1.065 1.098 2.272 1.093 2.77.012 3.185-3.715 3.185-3.715S16.23 10 19 10c2.77 0 3.046-3.727 3.046-3.727s.416 3.727 3.185 3.715c1.207.005 1.888-.51 2.272-1.093.612-.93.126-2.099-.558-2.977l-.414-.532a1 1 0 0 0-.79-.386H12.259a1 1 0 0 0-.789.386ZM13 12v-.017a4.497 4.497 0 0 0 1.87-.477c.083.146.13.314.13.494v5h3v-3a1 1 0 1 1 2 0v3h3v-5c0-.18.047-.348.13-.494a4.497 4.497 0 0 0 1.87.477V17a1 1 0 1 1 0 2H13a1 1 0 1 1 0-2v-5ZM3 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2ZM32 10a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/app/assets/images/payment_icons/wallet.svg b/app/assets/images/payment_icons/wallet.svg
index 1e91c7741..60d442859 100644
--- a/app/assets/images/payment_icons/wallet.svg
+++ b/app/assets/images/payment_icons/wallet.svg
@@ -1,2 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-{wallet}">
-    <title id="pi-wallet">wallet</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="M4 4a1 1 0 0 0 0 2h30a1 1 0 1 0 0-2H4ZM34 8a1 1 0 1 1 0 2h-4.556c-2.328 0-4.161 2.013-5.758 3.766l-.258.283A5.985 5.985 0 0 1 19 16a5.985 5.985 0 0 1-4.428-1.951l-.258-.283C12.717 12.013 10.884 10 8.556 10H4a1 1 0 1 1 0-2h30Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
+    <title id="pi-wallet">Wallet</title><g clip-path="url(#a)"><rect width="38" height="24" rx="3" fill="#F5F5F5" style="fill:#f5f5f5;fill:color(display-p3 .9608 .9608 .9608);fill-opacity:1"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" style="stroke:#000;stroke-opacity:.07"/><path d="M4 4a1 1 0 0 0 0 2h30a1 1 0 1 0 0-2H4ZM34 8a1 1 0 1 1 0 2h-4.556c-2.328 0-4.161 2.013-5.758 3.766l-.258.283A5.985 5.985 0 0 1 19 16a5.985 5.985 0 0 1-4.428-1.951l-.258-.283C12.717 12.013 10.884 10 8.556 10H4a1 1 0 1 1 0-2h30Z" fill="#707070" style="fill:#707070;fill:color(display-p3 .4392 .4392 .4392);fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" style="fill:#fff;fill-opacity:1" d="M0 0h38v24H0z"/></clipPath></defs></svg>
\ No newline at end of file