diff --git a/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.test.tsx b/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.test.tsx
index a4bb1be887..5262db4a5b 100644
--- a/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.test.tsx
+++ b/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.test.tsx
@@ -5,6 +5,6 @@ import LoginComponent from './LoginComponent';
 describe('LoginComponent', () => {
   it('should render', () => {
     const rendered = render(<LoginComponent />);
-    expect(rendered.getByText('Username')).toBeInTheDocument();
+    expect(rendered.getByText('Login')).toBeInTheDocument();
   });
 });
diff --git a/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.tsx b/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.tsx
index 8c89db5b44..a9dc81d93c 100644
--- a/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.tsx
+++ b/frontend/packages/plugins/login/src/components/LoginComponent/LoginComponent.tsx
@@ -1,15 +1,19 @@
-import React, { FC } from 'react';
+import React, { FC, Fragment } from 'react';
 import Button from '@material-ui/core/Button';
+import TextField from '@material-ui/core/TextField';
 
 const LoginComponent: FC<{}> = () => {
   return (
-    <Button
-      variant="contained"
-      color="primary"
-      onClick={() => window.location.href = "/"}
-    >
-      Login
-    </Button>
+    <Fragment>
+      <TextField variant="outlined" label="Username: " />
+      <Button
+        variant="contained"
+        color="primary"
+        onClick={() => window.location.href = "/"}
+      >
+        Login
+      </Button>
+    </Fragment>
   );
 };