diff --git a/app/index.jsx b/app/index.jsx
index 4ff9f41..8189561 100644
--- a/app/index.jsx
+++ b/app/index.jsx
@@ -18,9 +18,8 @@ const Home =()=> {
                       source={{
                           uri: 'https://reactnative.dev/img/tiny_logo.png',
                       }} />
-                  <Text>Home Screen Ameyew ggg fff hhh yyyy</Text>
+                  <Text style={styles.lbl}>Connect you care</Text>
                   <TextInput
-                      name='username'
                       editable
                       maxLength={40}
                       value={username}
@@ -29,10 +28,10 @@ const Home =()=> {
                   />
 
                   <TextInput
-                      name ='password'
                       editable
                       maxLength={40}
                       value={password}
+                      secureTextEntry={true}
                       onChangeText={onChangePassword}
                       style={styles.textInp}
                   />
@@ -52,17 +51,25 @@ const Home =()=> {
 const styles = StyleSheet.create({
     container: {
         flex: 1,
+        backgroundColor: 'aliceblue'
+    },
+    lbl:{
+        fontWeight: 800,
+        color:'darkblue',
+        textAlign: 'center'
     },
     login_box: {
         backgroundColor: 'white',
-        maxWidth: '450px',
+        maxWidth: 480,
+        minWidth: 350,
         margin: 'auto',
-        borderRadius: '10px',
-        padding: '15px',
-        gap:10
+        borderRadius: 10,
+        padding: 15,
+        gap:'10px'
     },
     loginButton:{
-        borderRadius: '5px',
+        borderRadius: 5,
+        color:'red',
         backgroundColor: '#f194ff'
     },
     tinyLogo: {
@@ -73,9 +80,10 @@ const styles = StyleSheet.create({
     textInp:{
         padding: '10px',
         backgroundColor: 'whitesmoke',
-        fontSize:'18px',
-        borderRadius: '5px'
-
+        borderRadius: 5,
+        height: 40,
+        margin: 12,
+        borderWidth: 1,
     },
     image: {
         flex: 1,
@@ -83,8 +91,7 @@ const styles = StyleSheet.create({
     },
     text: {
         color: 'white',
-        fontSize: 42,
-        lineHeight: 84,
+        lineHeight: '84px',
         fontWeight: 'bold',
         textAlign: 'center',
         backgroundColor: '#000000c0',