diff --git a/ui/js/component/common.js b/ui/js/component/common.js index 598e61a31..00f65e75d 100644 --- a/ui/js/component/common.js +++ b/ui/js/component/common.js @@ -152,19 +152,21 @@ export class Address extends React.PureComponent { render() { return ( - <input - className="input-copyable" - type="text" - ref={input => { - this._inputElem = input; - }} - onFocus={() => { - this._inputElem.select(); - }} - style={addressStyle} - readOnly="readonly" - value={this.props.address || ""} - /> + <div className="form-field form-field--address"> + <input + className="input-copyable" + type="text" + ref={input => { + this._inputElem = input; + }} + onFocus={() => { + this._inputElem.select(); + }} + style={addressStyle} + readOnly="readonly" + value={this.props.address || ""} + /> + </div> ); } } diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss index ca194b965..c7aedf480 100644 --- a/ui/scss/component/_form-field.scss +++ b/ui/scss/component/_form-field.scss @@ -119,6 +119,10 @@ border: var(--input-border-size) solid var(--input-border-color); } } +.form-field--address { + width: 100%; +} + .form-field--SimpleMDE { display: block; }