diff --git a/assets/icons/icon-gift-opened.svg b/assets/icons/icon-gift-opened.svg
new file mode 100644
index 00000000..acdd2eb6
--- /dev/null
+++ b/assets/icons/icon-gift-opened.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 31.97"><path d="M8.8,20.37h9.33v11.6h-8.2c-.61,0-1.13-.52-1.13-1.13v-10.46ZM22.76,31.97h8.11c.61,0,1.13-.52,1.13-1.13v-10.46h-9.24s0,11.6,0,11.6ZM20.32,1.72l-3.45,2.94.24-.66c.15-.36.25-.78.16-1.16-.05-1.67-1.38-2.83-2.99-2.84l-3.72.07c-.19.05-.31.04-.5.08-1.57.31-2.56,1.84-2.25,3.41l.89,4.28-4.08-1.56c-.18-.08-.36-.15-.48-.16-1.59-.25-3.15.74-3.4,2.32L.06,12.1c-.1.43-.07.86.02,1.24.36,1.64,1.96,2.57,3.47,2.2l.69-.13-3.45,2.94c-.46.4-.52,1.13-.13,1.6l3,3.52,8.83-7.52-1.87-2.19c-.23-.27-.2-.63.07-.86l2.66-2.26c.27-.23.63-.2.86.07l1.87,2.19,8.83-7.52-3-3.52c-.45-.53-1.19-.59-1.6-.13ZM2.86,12.69l.73-3.71,5.58,2.12-6.31,1.6ZM11.89,8.78l-1.2-5.85,3.72-.07-2.52,5.92Z"/></svg>
diff --git a/assets/style/style.css b/assets/style/style.css
index b669fb36..4ae39fa5 100644
--- a/assets/style/style.css
+++ b/assets/style/style.css
@@ -2733,6 +2733,20 @@ a {
     margin-bottom: 6px;
 }
 
+.giftIcons svg {
+    height:16px;
+    fill:#7A7387;
+    position:relative;
+    top:-4px;
+}
+
+.giftIconsClosed svg {
+    height:16px;
+    fill:#9621FF;
+    position:relative;
+    top:-2px;
+}
+
 .textboxTransparency {
     background-color: rgba(255, 255, 255, 15%);
     color: #fff;
diff --git a/scripts/dashboard/Dashboard.vue b/scripts/dashboard/Dashboard.vue
index e5ea8c23..28165402 100644
--- a/scripts/dashboard/Dashboard.vue
+++ b/scripts/dashboard/Dashboard.vue
@@ -662,17 +662,83 @@ defineExpose({
                                             ></i>
                                         </div>
 
-                                        <p
-                                            id="redeemCodeETA"
+                                        <div
+                                            id="redeemCodeDiv"
                                             style="
-                                                margin-bottom: 0;
+                                                margin-top: 50px;
                                                 display: none;
+                                                font-size: 15px;
+                                                background-color: rgb(
+                                                    58,
+                                                    12,
+                                                    96
+                                                );
+                                                border: 1px solid
+                                                    rgb(159, 0, 249);
+                                                padding: 8px 15px 10px;
+                                                border-radius: 10px;
+                                                color: rgb(211, 190, 229);
+                                                width: 310px;
+                                                text-align: left;
+                                                margin-bottom: 20px;
                                             "
                                         >
-                                            <br /><br />
-                                        </p>
+                                            <div
+                                                style="
+                                                    width: 48px;
+                                                    height: 38px;
+                                                    background-color: rgb(
+                                                        49,
+                                                        11,
+                                                        81
+                                                    );
+                                                    margin-right: 9px;
+                                                    border-radius: 9px;
+                                                    display: flex;
+                                                    justify-content: center;
+                                                    align-items: center;
+                                                    font-size: 20px;
+                                                "
+                                            >
+                                                <i
+                                                    class="fas fa-spinner spinningLoading"
+                                                ></i>
+                                            </div>
+                                            <div style="width: 100%">
+                                                <div id="redeemCodeETA">
+                                                    Calculating...
+                                                </div>
+                                                <div
+                                                    div=""
+                                                    class="progress"
+                                                    style="
+                                                        max-width: 310px;
+                                                        border: 1px solid
+                                                            rgb(147, 46, 205);
+                                                        border-radius: 4px;
+                                                        background-color: rgb(
+                                                            43,
+                                                            0,
+                                                            58
+                                                        );
+                                                    "
+                                                >
+                                                    <div
+                                                        class="progress-bar progress-bar-striped progress-bar-animated"
+                                                        role="progressbar"
+                                                        id="redeemCodeProgress"
+                                                        aria-valuenow="42"
+                                                        aria-valuemin="0"
+                                                        aria-valuemax="100"
+                                                        style="
+                                                            width: 42% !important;
+                                                        "
+                                                    ></div>
+                                                </div>
+                                            </div>
+                                        </div>
+
                                         <progress
-                                            id="redeemCodeProgress"
                                             min="0"
                                             max="100"
                                             value="50"
@@ -716,17 +782,6 @@ defineExpose({
                                         >
                                             <thead style="border: 0px">
                                                 <tr>
-                                                    <td
-                                                        style="
-                                                            width: 100px;
-                                                            border-top: 0px;
-                                                            border-bottom: 1px
-                                                                solid #534270;
-                                                        "
-                                                        class="text-center"
-                                                    >
-                                                        <b> Manage </b>
-                                                    </td>
                                                     <td
                                                         style="
                                                             width: 100px;
@@ -751,22 +806,12 @@ defineExpose({
                                                     </td>
                                                     <td
                                                         style="
-                                                            width: 100px;
                                                             border-top: 0px;
                                                             border-bottom: 1px
                                                                 solid #534270;
                                                         "
                                                         class="text-center"
-                                                    >
-                                                        <b> State </b
-                                                        ><i
-                                                            onclick="MPW.promosToCSV()"
-                                                            style="
-                                                                margin-left: 5px;
-                                                            "
-                                                            class="fa-solid fa-lg fa-file-csv ptr"
-                                                        ></i>
-                                                    </td>
+                                                    ></td>
                                                 </tr>
                                             </thead>
                                             <tbody
diff --git a/scripts/global.js b/scripts/global.js
index e1d86567..d514eb0c 100644
--- a/scripts/global.js
+++ b/scripts/global.js
@@ -160,6 +160,7 @@ export async function start() {
         domRedeemCodeCreatePendingList: document.getElementById(
             'redeemCodeCreatePendingList'
         ),
+        domRedeemCodeDiv: document.getElementById('redeemCodeDiv'),
         domPromoTable: document.getElementById('promo-table'),
         domContactsTable: document.getElementById('contactsList'),
         domConfirmModalDialog: document.getElementById('confirmModalDialog'),
diff --git a/scripts/promos.js b/scripts/promos.js
index 95d98dfd..80dd6057 100644
--- a/scripts/promos.js
+++ b/scripts/promos.js
@@ -14,6 +14,9 @@ import { deriveAddress } from './encoding.js';
 import { getP2PKHScript } from './script.js';
 import { createAlert } from './alerts/alert.js';
 
+import pIconGift from '../assets/icons/icon-gift.svg';
+import pIconGiftOpen from '../assets/icons/icon-gift-opened.svg';
+
 /** The fee in Sats to use for Creating or Redeeming PIVX Promos */
 export const PROMO_FEE = 10000;
 
@@ -369,7 +372,9 @@ export async function renderSavedPromos() {
 
         // Sync only the balance of the code (not full data)
         cCode.getUTXOs(false);
-        const nBal = (await cCode.getBalance(true)) / COIN;
+
+        const nBal =
+            Math.max((await cCode.getBalance(true)) - PROMO_FEE, 0) / COIN;
 
         // A code younger than ~3 minutes without a balance will just say 'confirming', since Blockbook does not return a balance for NEW codes
         const fNew = cCode.time.getTime() > Date.now() - 60000 * 3;
@@ -377,40 +382,52 @@ export async function renderSavedPromos() {
         // If this code is allowed to be deleted or not
         const fCannotDelete = !cCode.fSynced || fNew || nBal > 0;
 
+        // Trimmed code
+        let trimmedCode =
+            cCode.code.length > 10
+                ? cCode.code.slice(0, 7) + '...'
+                : cCode.code;
+
         // Status calculation (defaults to 'fNew' condition)
-        let strStatus = 'Confirming...';
+        let strStatus = '<i class="fa-solid fa-spinner spinningLoading"></i>';
         if (!fNew) {
             if (cCode.fSynced) {
-                strStatus = nBal > 0 ? 'Unclaimed' : 'Claimed';
+                strStatus =
+                    nBal > 0
+                        ? '<span class="giftIconsClosed">' +
+                          pIconGift +
+                          '</span>'
+                        : '<span class="giftIcons">' +
+                          pIconGiftOpen +
+                          '</span>';
             } else {
-                strStatus = 'Syncing';
+                strStatus =
+                    '<i class="fa-solid fa-spinner spinningLoading"></i>';
             }
         }
         strHTML += `
              <tr>
-                 <td>${
-                     fCannotDelete
-                         ? '<i class="fa-solid fa-ban" style="opacity: 0.4; cursor: default;">'
-                         : '<i class="fa-solid fa-ban ptr" onclick="MPW.deletePromoCode(\'' +
-                           cCode.code +
-                           '\')"></i>'
-                 }
-                 </td>
                  <td><i onclick="MPW.toClipboard('copy${
                      cCode.address
                  }', this)" class="fas fa-clipboard" style="cursor: pointer; margin-right: 10px;"></i><code id="copy${
             cCode.address
-        }" class="wallet-code" style="display: inline !important; color: #e83e8c;">${
-            cCode.code
-        }</code></td>
+        }" class="wallet-code" style="display: inline !important; color: #e83e8c;">${trimmedCode}</code></td>
                  <td>${
                      fNew || !cCode.fSynced
                          ? '...'
                          : nBal + ' ' + cChainParams.current.TICKER
                  }</td>
-                 <td><a class="ptr active" style="margin-right: 10px;" href="${
+                 <td>
+                 ${
+                     fCannotDelete
+                         ? '<i class="fa-solid fa-ban" style="opacity: 0.4; cursor: default;">'
+                         : '<i class="fa-solid fa-ban ptr" onclick="MPW.deletePromoCode(\'' +
+                           cCode.code +
+                           '\')">'
+                 }</i>
+                 <a style="margin-left:6px; margin-right:6px; width:auto!important;" class="ptr active" href="${
                      getNetwork().strUrl + '/address/' + cCode.address
-                 }" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-up-right-from-square"></i></a>${strStatus}</td>
+                 }" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-up-right-from-square"></i></a><span style="margin-left:4px;">${strStatus}</span></td>
              </tr>
          `;
     }
@@ -494,14 +511,20 @@ export async function updatePromoCreationTick(fRecursive = false) {
         let strState = '';
         if (cThread.txid) {
             // Complete state
-            strState = 'Confirming...';
+            strState = '<i class="fa-solid fa-spinner spinningLoading"></i>';
         } else if (cThread.end_state) {
             // Errored state (failed to broadcast, etc)
-            strState = cThread.end_state;
+            if (cThread.end_state == 'Errored') {
+                strState = `<i class="fas fa-exclamation-triangle"></i>`;
+            } else if (cThread.end_state == 'Done') {
+                strState = `<i class="fas fa-check"></i>`;
+            } else if (cThread.end_state == 'Cancelled') {
+                strState = `<i class="fas fa-times-circle"></i>`;
+            }
         } else {
             // Display progress
             strState =
-                '<span id="c' +
+                '<i class="fa-solid fa-spinner spinningLoading" style="margin-right:4px;"></i> <span id="c' +
                 cThread.code +
                 '">' +
                 (cThread.thread.progress || 0) +
@@ -512,10 +535,12 @@ export async function updatePromoCreationTick(fRecursive = false) {
         strHTML =
             `
              <tr>
-                 <td><i class="fa-solid fa-ban ptr" onclick="MPW.deletePromoCode('${cThread.code}')"></i></td>
-                 <td><code class="wallet-code active" style="display: inline !important;">${cThread.code}</code></td>
+                 <td><code class="wallet-code active" style="display: inline !important; color: #e83e8c!important;">${cThread.code}</code></td>
                  <td>${cThread.amount} ${cChainParams.current.TICKER}</td>
-                 <td>${strState}</td>
+                 <td>
+                    <i class="fa-solid fa-ban ptr" style="margin-right:4px;" onclick="MPW.deletePromoCode('${cThread.code}')"></i>
+                    ${strState}
+                </td>
              </tr>
          ` + strHTML;
     }
@@ -653,14 +678,15 @@ export async function redeemPromoCode(strCode) {
     // Listen for and report derivation progress
     promoThread.onmessage = async (evt) => {
         if (evt.data.type === 'progress') {
+            doms.domRedeemCodeDiv.style.display = 'flex';
             doms.domRedeemCodeProgress.style.display = '';
             doms.domRedeemCodeETA.innerHTML =
-                '<br><br>' +
-                evt.data.res.eta.toFixed(0) +
-                's remaining to unwrap...<br><br>' +
-                evt.data.res.progress +
-                '%';
-            doms.domRedeemCodeProgress.value = evt.data.res.progress;
+                evt.data.res.eta.toFixed(0) + 's remaining to unwrap...';
+            doms.domRedeemCodeProgress.style.setProperty(
+                'width',
+                `${evt.data.res.progress}%`,
+                'important'
+            );
         } else {
             // The finished key!
             promoThread.terminate();
@@ -668,8 +694,8 @@ export async function redeemPromoCode(strCode) {
 
             // Pause animations and finish 'unwrapping' by checking the derived Promo Key for a balance
             doms.domRedeemCodeGiftIcon.classList.remove('fa-bounce');
-            doms.domRedeemCodeProgress.style.display = 'none';
-            doms.domRedeemCodeETA.innerHTML = '<br><br>Final checks...';
+            doms.domRedeemCodeDiv.style.display = 'none';
+            doms.domRedeemCodeETA.innerHTML = 'Final checks...';
 
             // Prepare the global Promo Wallet
             cPromoWallet = new PromoWallet({