fix: show truncated token amount when fiat is primary

MetaMask · Jun 12, 2024 · 9953389 · 9953389
1 parent 98842fe
commit 9953389
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/ui/components/multichain/asset-picker-amount/index.scss b/ui/components/multichain/asset-picker-amount/index.scss
@@ -36,7 +36,7 @@
     .unit-input__inputs {
       // primary (i.e., input) and secondary (i.e., subtext) input sections
       & > div {
-        max-width: 125px;
+        max-width: 138px;
         white-space: nowrap;
         text-overflow: ellipsis;
       }
@@ -51,7 +51,14 @@
 
         text-overflow: ellipsis;
         overflow: hidden;
-        display: inline;
+        flex-wrap: nowrap;
+
+        & > span.currency-display-component__text {
+          width: max-content;
+        }
+        & > span.currency-display-component__suffix {
+          width: max-content;
+        }
       }
 
       // secondary field elements (e.g., value, symbols)