diff --git a/src/frontend/src/App.css b/src/frontend/src/App.css
index 60ff72aba..319e2ba39 100644
--- a/src/frontend/src/App.css
+++ b/src/frontend/src/App.css
@@ -40,3 +40,8 @@
     transform: rotate(360deg);
   }
 }
+
+@font-face{
+  font-family: text-security-disc;
+  src: url("assets/text-security-disc.woff") format("woff");
+}
\ No newline at end of file
diff --git a/src/frontend/src/assets/text-security-disc.woff b/src/frontend/src/assets/text-security-disc.woff
new file mode 100644
index 000000000..bc3cd0e63
Binary files /dev/null and b/src/frontend/src/assets/text-security-disc.woff differ
diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index 66ac9b862..5858d4bf6 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -23,7 +23,7 @@ export default function InputComponent({
 				className={classNames(
 					"block w-full form-input dark:bg-gray-900 dark:border-gray-600 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",
 					disabled ? " bg-gray-200 dark:bg-gray-700" : "",
-                    password?"password":""
+                    password && myValue.length>0?"password":""
 				)}
 				placeholder="Type a text"
 				onChange={(e) => {
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 4ce8a5f68..045f9992b 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -34,7 +34,9 @@ module.exports = {
           },
         },
         '.password':{
-          "-webkit-text-security":"disc"
+          "-webkit-text-security":"disc",
+          "font-family": "text-security-disc"
+
         }
       }
       )