use classname for select styling

.eslintrc.json

@@ -36,6 +36,7 @@
     "func-names": ["warn", "as-needed"],
     "jsx-a11y/label-has-for": 0,
     "import/prefer-default-export": 0,
-    "no-return-assign": 0
+    "no-return-assign": 0,
+    "react/require-default-props": 0
   }
 }

src/renderer/component/common/form-components/form-field-price.jsx

@@ -62,7 +62,6 @@ export class FormFieldPrice extends React.PureComponent<Props> {
           name={`${name}_currency`}
           type="select"
           id={`${name}_currency`}
-          className="form-field"
           disabled={disabled}
           onChange={this.handleCurrencyChange}
           value={price.currency}

src/renderer/component/common/form-components/form-field.jsx

@@ -42,7 +42,7 @@ export class FormField extends React.PureComponent<Props> {
     if (type) {
       if (type === 'select') {
         input = (
-          <select id={name} {...inputProps}>
+          <select className="form-field__select" id={name} {...inputProps}>
             {children}
           </select>
         );

src/renderer/scss/_gui.scss

@@ -121,19 +121,6 @@ input::placeholder {
   opacity: 0.5;
 }
 
-select {
-  min-width: 60px;
-  height: 30px;
-  border-radius: 8px;
-  background-color: var(--input-select-bg-color);
-  font: normal 12px/30px 'metropolis-medium';
-  color: var(--input-select-color);
-
-  &:disabled {
-    opacity: 0.5;
-  }
-}
-
 button + input {
   margin-left: $spacing-vertical * 2/3;
 }

src/renderer/scss/component/_form-field.scss

@@ -100,6 +100,19 @@
   padding-left: $spacing-vertical * 1/3;
 }
 
+.form-field__select {
+  min-width: 60px;
+  height: 30px;
+  border-radius: 8px;
+  background-color: var(--input-select-bg-color);
+  font: normal 12px/30px 'metropolis-medium';
+  color: var(--input-select-color);
+
+  &:disabled {
+    opacity: 0.5;
+  }
+}
+
 // Not sure if I like these
 // Maybe this should be in gui.scss?
 .input--price-amount {

yarn.lock

@@ -5837,9 +5837,9 @@ lazy-val@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.3.tgz#bb97b200ef00801d94c317e29dc6ed39e31c5edc"
 
-lbry-redux@lbryio/lbry-redux#30c18725d8c6c141c30c57f0a324d0abb8963b99:
+lbry-redux@lbryio/lbry-redux#c41899e78415cae6fcb7bfca0e6ba48bb6bfe6c4:
   version "0.0.1"
-  resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/30c18725d8c6c141c30c57f0a324d0abb8963b99"
+  resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/c41899e78415cae6fcb7bfca0e6ba48bb6bfe6c4"
   dependencies:
     proxy-polyfill "0.1.6"
     reselect "^3.0.0"