diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 99a3c5aa3..4511d1cae 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -3,4 +3,5 @@
 @import "list";
 @import "task";
 @import "tasks";
-@import "namespaces";
\ No newline at end of file
+@import "namespaces";
+@import 'password-field-toggle';
diff --git a/src/styles/components/password-field-toggle.scss b/src/styles/components/password-field-toggle.scss
new file mode 100644
index 000000000..52d95ba5d
--- /dev/null
+++ b/src/styles/components/password-field-toggle.scss
@@ -0,0 +1,7 @@
+.password-field-type-toggle {
+  position: absolute;
+  color: var(--grey-400);
+  top: 50%;
+  right: 1rem;
+  transform: translateY(-50%);
+}
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index 8a1ae6293..145e2c665 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -275,11 +275,4 @@ export default {
 		margin-bottom: 0;
 	}
 }
-
-.password-field-type-toggle {
-	position: absolute;
-	top: .5rem;
-	right: 1rem;
-	color: var(--grey-400);
-}
 </style>
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index ea78f24b0..ce9942201 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -162,12 +162,3 @@ async function submit() {
 	}
 }
 </script>
-
-<style scoped>
-.password-field-type-toggle {
-	position: absolute;
-	top: .5rem;
-	right: 1rem;
-	color: var(--grey-400);
-}
-</style>