diff --git a/src/app.css b/src/app.css
index c3388f1d3..69e107be9 100644
--- a/src/app.css
+++ b/src/app.css
@@ -154,3 +154,7 @@ input[type='number'] {
 .tippy-box[data-theme~='dark'] {
 	@apply rounded-lg bg-gray-950 text-xs border border-gray-900 shadow-xl;
 }
+
+.password {
+	-webkit-text-security: disc;
+}
diff --git a/src/lib/components/common/SensitiveInput.svelte b/src/lib/components/common/SensitiveInput.svelte
index 695d5a79e..76a626650 100644
--- a/src/lib/components/common/SensitiveInput.svelte
+++ b/src/lib/components/common/SensitiveInput.svelte
@@ -13,8 +13,7 @@
 
 <div class={outerClassName}>
 	<input
-		class={inputClassName}
-		class:dot={!show}
+		class={`${inputClassName} ${show ? '' : 'password'}`}
 		{placeholder}
 		bind:value
 		required={required && !readOnly}
@@ -62,9 +61,3 @@
 		{/if}
 	</button>
 </div>
-
-<style>
-	.dot {
-		-webkit-text-security: disc;
-	}
-</style>