diff --git a/src/assets/Images/logo.png b/src/assets/Images/logo.png
index 11a738a..e6526f7 100644
Binary files a/src/assets/Images/logo.png and b/src/assets/Images/logo.png differ
diff --git a/src/components/Background.js b/src/components/Background.js
index 9d5b240..72b3b7b 100644
--- a/src/components/Background.js
+++ b/src/components/Background.js
@@ -4,11 +4,11 @@ import React from 'react';
 import { StyleSheet, SafeAreaView, StatusBar } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 
-const Background = ({ children, barcolor = 'light-content', gradientColors = ['#4c669f', '#3b5998', '#192f6a'] }) => {
+const Background = ({ children, barcolor = 'light-content'}) => {
   return (
     <SafeAreaView style={styles.container}>
       <StatusBar barStyle={barcolor} backgroundColor="transparent" translucent />
-      <LinearGradient colors={gradientColors} style={styles.gradient}>
+      <LinearGradient colors={['#E3EBF8', '#ffffff']} start={{ x: 0.5, y: 0 }} end={{ x: 0.5, y: 1 }} style={styles.gradient}>
         {children}
       </LinearGradient>
     </SafeAreaView>
@@ -21,7 +21,6 @@ const styles = StyleSheet.create({
   },
   gradient: {
     flex: 1,
-    paddingHorizontal: 16, // optional padding
   },
 });
 
diff --git a/src/components/CustomTextInput.js b/src/components/CustomTextInput.js
index bd5c949..00d3122 100644
--- a/src/components/CustomTextInput.js
+++ b/src/components/CustomTextInput.js
@@ -1,6 +1,6 @@
-import {View,Text,TextInput,StyleSheet,} from 'react-native';
-import React, {useState} from 'react';
-import {GlobalTheme} from '../theme';
+import { View, Text, TextInput, StyleSheet, } from 'react-native';
+import React, { useState } from 'react';
+import { GlobalTheme } from '../theme';
 
 const CustomTextInput = ({
   label,
@@ -25,9 +25,9 @@ const CustomTextInput = ({
   };
 
   const inputStyle = {
-    borderColor: isFocused ? '#2680EB' : 'transparent',
-    borderWidth: 2,
-    backgroundColor: isFocused ? '#FFF' : '#F1F1F1',
+    borderColor: isFocused ? '#2680EB' : '#DFDFDF',
+    borderWidth: isFocused ? 2 : 1,
+    backgroundColor: isFocused ? '#FFF' : '#Fff',
     borderRadius: GlobalTheme.borderRadius.md,
   };
 
diff --git a/src/screens/AuthScreen/Login/index.js b/src/screens/AuthScreen/Login/index.js
index c3125f5..2200e64 100644
--- a/src/screens/AuthScreen/Login/index.js
+++ b/src/screens/AuthScreen/Login/index.js
@@ -17,11 +17,8 @@ const Login = ({ navigation }) => {
   const [username, setUsername] = useState('');
 
   return (
-    <Background
-      barcolor="light-content"
-      gradientColors={['#1a1a1a', '#333333', '#4d4d4d']} // optional custom colors
-    >
-      <KeyboardAwareScrollView style={styles.container}>
+    <Background barcolor="light-content">
+      <KeyboardAwareScrollView style={styles.container} contentContainerStyle={{justifyContent:'center', flex:1}}>
         <View style={styles.logoContainer}>
           <Image style={styles.appLogo} source={IMAGES.AppLogo} />
         </View>
diff --git a/src/screens/AuthScreen/Login/style.js b/src/screens/AuthScreen/Login/style.js
index 115044f..ab25917 100644
--- a/src/screens/AuthScreen/Login/style.js
+++ b/src/screens/AuthScreen/Login/style.js
@@ -4,13 +4,13 @@ import { GlobalTheme , Screen } from '../../../theme';
 
 export const styles = StyleSheet.create({
   container: {
-    // flex: 1,
-    backgroundColor: GlobalTheme.colors.white,
+    flex: 1,
+    // backgroundColor: GlobalTheme.colors.white,
     paddingHorizontal: 10,
+    // justifyContent:'center'
   },
   logoContainer: {
     alignItems: 'center',
-    paddingTop: 40,
   },
   appLogo: {
     height :200 ,