diff --git a/src/webui/components/AutoComplete/styles.js b/src/webui/components/AutoComplete/styles.js
index 0137926e4..c0e45de11 100644
--- a/src/webui/components/AutoComplete/styles.js
+++ b/src/webui/components/AutoComplete/styles.js
@@ -6,7 +6,7 @@
 import React from 'react';
 import styled, { css } from 'react-emotion';
 
-import TxtField from '../TxtField';
+import TextField from '../TextField';
 import { IInputField } from './types';
 
 export const Wrapper = styled.div`
@@ -19,7 +19,7 @@ export const Wrapper = styled.div`
 `;
 
 export const InputField = ({ color, ...others }: IInputField) => (
-  <TxtField
+  <TextField
     {...others}
     classes={{
       input: css`
diff --git a/src/webui/components/TextField/index.js b/src/webui/components/TextField/index.js
new file mode 100644
index 000000000..9be032103
--- /dev/null
+++ b/src/webui/components/TextField/index.js
@@ -0,0 +1,19 @@
+/**
+ * @prettier
+ * @flow
+ */
+
+import React from 'react';
+import { TextFieldProps, default as TextFieldMaterialUI } from '@material-ui/core/TextField';
+
+const TextField = ({ InputProps, classes, ...other }: TextFieldProps) => (
+  <TextFieldMaterialUI
+    {...other}
+    InputProps={{
+      ...InputProps,
+      classes,
+    }}
+  />
+);
+
+export default TextField;
diff --git a/src/webui/components/TxtField/index.js b/src/webui/components/TxtField/index.js
deleted file mode 100644
index 0d985c2b5..000000000
--- a/src/webui/components/TxtField/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * @prettier
- * @flow
- */
-
-import React from 'react';
-import TextField, { TextFieldProps } from '@material-ui/core/TextField';
-
-const TxtField = ({ InputProps, classes, ...other }: TextFieldProps) => (
-  <TextField
-    {...other}
-    InputProps={{
-      ...InputProps,
-      classes,
-    }}
-  />
-);
-
-export default TxtField;