diff --git a/src/assets/css/src/1.0.global.css b/src/assets/css/src/1.0.global.css
index 73813b1..d67fe16 100644
--- a/src/assets/css/src/1.0.global.css
+++ b/src/assets/css/src/1.0.global.css
@@ -292,6 +292,22 @@ button {
 .field {
   position: relative;
 }
+[aria-invalid="true"]:focus-visible {
+  outline-color: #ef8d8d;
+}
+button[aria-controls*="password"] {
+  position: absolute;
+  right: var(--space-8);
+  bottom: var(--space-8);
+  max-height: unset;
+  height: 2rem;
+  padding: var(--space-8);
+  border: none;
+}
+button[aria-controls*="password"] > svg {
+  width: 1rem;
+  height: 1rem;
+}
 
 /* General interactive states */
 
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 71e2a90..a531ce4 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -143,22 +143,4 @@ form::before {
 .error {
   color: #ee6767;
 }
-
-[aria-invalid="true"]:focus-visible {
-  outline-color: #ef8d8d;
-}
-
-[aria-controls="password"] {
-  position: absolute;
-  right: var(--space-8);
-  bottom: var(--space-8);
-  max-height: unset;
-  height: 2rem;
-  padding: var(--space-8);
-  border: none;
-}
-[aria-controls="password"] > svg {
-  width: 1rem;
-  height: 1rem;
-}
 </style>