[DDW-106] Wallet import feature

source/renderer/app/components/widgets/forms/InlineEditingSmallInput.js

@@ -151,6 +151,7 @@ export default class InlineEditingSmallInput extends Component<Props, State> {
       styles.component,
       isActive ? styles.isActive : null,
       isDisabled ? styles.disabled : null,
+      inputField.error ? styles.hasError : null,
     ]);
     const inputStyles = classnames([
       successfullyUpdated ? 'input_animateSuccess' : null,

source/renderer/app/components/widgets/forms/InlineEditingSmallInput.scss

@@ -6,8 +6,13 @@
   position: relative;
   width: 275px;
 
+  &.hasError {
+    border-color: var(--rp-textarea-border-color-errored) !important;
+    margin-bottom: 19px;
+  }
+
   &.isActive {
-    border: 1px solid var(--theme-input-focus-border-color);
+    border-color: var(--theme-input-focus-border-color);
     padding-right: 86px;
   }
 
@@ -35,6 +40,11 @@
   }
 
   :global {
+    .SimpleFormField_root {
+      .SimpleFormField_error {
+        top: 47px;
+      }
+    }
     .SimpleInput_input {
       background: transparent !important;
       border: 0 none;