diff --git a/src/App.css b/src/App.css
index 629a3cc..796680c 100644
--- a/src/App.css
+++ b/src/App.css
@@ -5,30 +5,6 @@ body {
   font-family: 'Indie Flower', cursive;
 }
 
-.recipe-container {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-}
-
-.recipe {
-  border: 1px solid black;
-  background-color: white;
-  padding: 5px 30px;
-  margin: 20px;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  justify-content: space-between;
-  border-radius: 20px;
-  width: 20%;
-  text-align: center;
-  padding-bottom: 10px;
-  box-shadow: 4px 4px  #bc6c25;
-}
-
 .recipe button{
   width: 50%;
   background-color: #bc6c25;
diff --git a/src/auth/login.js b/src/auth/login.js
index b220566..fb414ef 100644
--- a/src/auth/login.js
+++ b/src/auth/login.js
@@ -24,7 +24,7 @@ function Login(props) {
   }
 
   const handleChange = e => {
-    setCredentials({...credentials, [e.target.name]: e.target.value})
+    setCredentials(e.target.value)
   }
 
     return (
@@ -42,7 +42,7 @@ function Login(props) {
           <label className='label' for='password'>password:</label>
           <TextField
             className='login-text'
-            type="password"
+            type="text"
             name="password"
             value={credentials.password}
             onChange={handleChange}
@@ -55,4 +55,4 @@ function Login(props) {
     )
 }
 
-export default Login
\ No newline at end of file
+export default Login