Scroll large amounts in the send component

ui/app/components/send/currency-display.js

@@ -149,7 +149,7 @@ CurrencyDisplay.prototype.render = function () {
           } : {}),
           ref: input => { this.currencyInput = input },
           style: {
-            width: this.getInputWidth(valueToRender, readOnly),
+            minWidth: this.getInputWidth(valueToRender, readOnly),
           },
           min: 0,
         }),

ui/app/css/itcss/components/currency-display.scss

@@ -1,6 +1,5 @@
 .currency-display {
   height: 54px;
-  width: 100%ß;
   border: 1px solid $alto;
   border-radius: 4px;
   background-color: $white;
@@ -21,7 +20,7 @@
     line-height: 22px;
     border: none;
     outline: 0 !important;
-    max-width: 100%;
+    max-width: 22ch;
   }
 
   &__primary-currency {
@@ -47,6 +46,9 @@
   &__input-wrapper {
     position: relative;
     display: flex;
+    flex: 1;
+    max-width: 100%;
+    overflow-x: scroll;
 
     input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none;
@@ -75,4 +77,4 @@
       display: none;
     }
   }
-}
+}