diff --git a/src/assets/icons/show.png b/src/assets/icons/show.png
new file mode 100644
index 0000000..c5b58c0
Binary files /dev/null and b/src/assets/icons/show.png differ
diff --git a/src/screens/Login/components/Credentials.tsx b/src/screens/Login/components/Credentials.tsx
index 63fa47b..7475871 100644
--- a/src/screens/Login/components/Credentials.tsx
+++ b/src/screens/Login/components/Credentials.tsx
@@ -17,6 +17,12 @@ function Credentials({
   togglePasswordView,
   displayPassword
 }: CredentialsProps) {
+
+  const passwordIcon = displayPassword
+  ? require("../../../assets/icons/show.png")
+  : require("../../../assets/icons/hide.png");
+
+
   return (
     <SafeAreaView>
       <View>
@@ -53,7 +59,7 @@ function Credentials({
         </Text>
       </View>
       <View style={{ display: "flex", flexDirection: "row" }}>
-        <TextInput
+         <TextInput
           style={{
             ...global.input,
             color: "#000000",
@@ -68,7 +74,7 @@ function Credentials({
         />
         <TouchableOpacity onPress={togglePasswordView}>
           <Image
-            source={require("../../../assets/icons/hide.png")}
+            source={passwordIcon}
             style={{
               height: 30,
               width: 35,