diff --git a/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js b/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
index 4e4f597d..e006df86 100644
--- a/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
+++ b/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
@@ -242,9 +242,20 @@ class TradePortal extends LitElement {
.amt-text {
color: var(--tradehave);
font-size: 15px;
- text-align: right;
- margin-top: 2px;
- margin-bottom: 10px;
+ margin-top: 5px;
+ margin-bottom: 12px;
+ }
+
+ .balance-text {
+ display: inline;
+ float: right;
+ margin-bottom: 5px;
+ }
+
+ .fee-text {
+ display: inline;
+ float: left;
+ margin-bottom: 5px;
}
.tab-text {
@@ -666,7 +677,7 @@ class TradePortal extends LitElement {
this.clearBuyForm()}">
- ${translate("tradepage.tchange8")} (QORT)*
+ ${translate("tradepage.tchange8")} (QORT)*
- ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})*
+ ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})*
- ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})*
+ ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})*
- ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode}
- ${translate("walletpage.wchange12")}: ${this.listedCoins.get(this.selectedCoin).tradeFee} ${this.listedCoins.get(this.selectedCoin).coinCode}
+
+ ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode}
+ ${translate("walletpage.wchange12")}: ${this.listedCoins.get(this.selectedCoin).tradeFee} ${this.listedCoins.get(this.selectedCoin).coinCode}
+