diff --git a/client/src/components/status-badge.js b/client/src/components/status-badge.js
index ea4b23e1..f7d9f84c 100644
--- a/client/src/components/status-badge.js
+++ b/client/src/components/status-badge.js
@@ -3,7 +3,9 @@ export const StatusBadge = (
   children,
 ) => (
   <span
-    className={["status-badge", variant, className].filter(Boolean).join(" ")}
+    class={["status-badge", variant, className]
+      .filter(Boolean)
+      .reduce((classes, name) => ({ ...classes, [name]: true }), {})}
   >
     {children}
   </span>
diff --git a/client/src/views/util.js b/client/src/views/util.js
index 0383113a..ceb09fad 100644
--- a/client/src/views/util.js
+++ b/client/src/views/util.js
@@ -48,7 +48,13 @@ export const formatOutAmount = (vout, { t, assetMap }, shortDisplay=false) => {
   const amount_el = formatAssetAmount(vout.value, precision, t)
       , asset_link = vout.asset && <a href={asset_url}>{short_id}</a>
 
-  return domain ? <span>{amount_el} {ticker && <span title={name}>{ticker}</span>} {shortDisplay||<br />} {domain}{shortDisplay || [<br/>,<em title={vout.asset}>{asset_link}</em>]}</span>
+  return domain ? shortDisplay
+       ? <span>{amount_el} {ticker && <span title={name}>{ticker}</span>} {domain}</span>
+       : <span class={{ 'asset-amount-details': true }}>
+           <span>{amount_el} {ticker && <span title={name}>{ticker}</span>}</span>
+           <span>{domain}</span>
+           <em title={vout.asset}>{asset_link}</em>
+         </span>
        : vout.asset ? <span>{amount_el} <em title={vout.asset}>{asset_link}</em></span>
        : <span>{amount_el} {t`Unknown`}</span> // should never happen
 }
diff --git a/www/style.css b/www/style.css
index da7e40da..8a3cb0aa 100644
--- a/www/style.css
+++ b/www/style.css
@@ -1906,6 +1906,12 @@ body::after{
   justify-content: right;
 }
 
+.asset-amount-details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
 .unblinded .vout-header, .unblinded .vin-header {
   background: #04240d;
 }
@@ -2085,6 +2091,10 @@ body::after{
     padding: 3px 0;
   }
 
+  .asset-amount-details {
+    align-items: flex-start;
+  }
+
   .vin-header-container {
     display: flex !important;
     flex-direction: column !important;