fix(style): input field styles

front/src/components/ui/input.scss

@@ -1,7 +1,7 @@
 .funkwhale {
 
 form label {
-  display: block;
+  display: flex;
   margin-bottom: 8px;
   color: var(--form-label-color);
   font-size: .92857143em;
@@ -9,23 +9,26 @@ form label {
   text-transform: none;
 }
 
-  &.input {
+  > input {
     background-color: var(--fw-bg-color);
     box-shadow: inset 0 0 0 4px var(--fw-border-color);
+    outline: none;
+    width: 100%;
+    padding: 8px 12px;
+    font-size: 14px;
+    font-family: $font-main;
+    line-height: inherit;
+    border: none;
+    border-radius: var(--fw-border-radius);
+    cursor: text;
+
+    &:focus-visible {
+      outline: none !important;
+    }
 
-    input {
     &::placeholder {
       color: var(--fw-placeholder-color);
     }
-      @include dark-theme {
-        color: var(--fw-gray-300);
-      }
-    }
-
-    .prefix,
-    .input-right {
-      color: var(--fw-placeholder-color);
-    }
 
     @include light-theme {
       --fw-bg-color: var(--fw-gray-100);
@@ -43,6 +46,7 @@ form label {
     }
 
     @include dark-theme {
+      color: var(--fw-gray-300);
       --fw-bg-color: var(--fw-gray-850);
       --fw-border-color: var(--fw-bg-color);
       --fw-placeholder-color: var(--fw-gray-300);
@@ -57,28 +61,11 @@ form label {
       }
     }
 
-    position: relative;
-    display: flex;
-    align-items: center;
-    border-radius: var(--fw-border-radius);
-    overflow: hidden;
-    cursor: text;
-
     &.has-icon {
       input {
         padding-left: 36px;
       }
     }
-
-    input {
-      display: block;
-      width: 100%;
-      padding: 8px 12px;
-      font-size: 14px;
-      font-family: $font-main;
-      background-color: transparent;
-      line-height: inherit;
-      border: none;
   }
 
   .prefix,
@@ -87,9 +74,18 @@ form label {
     align-items: center;
     font-size: 14px;
     writing-mode: horizontal-tb;
+    color: var(--fw-placeholder-color);
+
+    & .button,
+    & .button:hover {
+      background-color: transparent !important;
+      border: none !important;
+    }
   }
 
   .prefix {
+    width: 32px;
+    justify-content: center;
     position: absolute;
     top: 0;
     left: 4px;
@@ -97,9 +93,4 @@ form label {
     width: 32px;
     justify-content: center;
   }
-
-    .input-right {
-      padding-right: 12px;
-    }
-  }
 }