input css clear :)

frontend/src/components/Inputs/InputEmail.vue

@@ -6,22 +6,20 @@
     v-slot="{ errors, valid, validated, ariaInput, ariaMsg }"
   >
     <b-form-group :label="label" :label-for="labelFor">
-      <b-input-group>
-        <b-form-input
-          v-model="currentValue"
-          v-bind="ariaInput"
-          :id="labelFor"
-          :name="name"
-          :placeholder="placeholder"
-          type="email"
-          :state="validated ? valid : false"
-          trim
-          class="email-form-input"
-        ></b-form-input>
-        <b-form-invalid-feedback v-bind="ariaMsg">
-          {{ errors[0] }}
-        </b-form-invalid-feedback>
-      </b-input-group>
+      <b-form-input
+        v-model="currentValue"
+        v-bind="ariaInput"
+        :id="labelFor"
+        :name="name"
+        :placeholder="placeholder"
+        type="email"
+        :state="validated ? valid : false"
+        trim
+        class="email-form-input"
+      ></b-form-input>
+      <b-form-invalid-feedback v-bind="ariaMsg">
+        {{ errors[0] }}
+      </b-form-invalid-feedback>
     </b-form-group>
   </validation-provider>
 </template>

frontend/src/components/Inputs/InputPassword.vue

@@ -19,7 +19,11 @@
           :state="validated ? valid : false"
         ></b-form-input>
         <b-input-group-append>
-          <b-button variant="outline-primary" @click="toggleShowPassword">
+          <b-button
+            variant="outline-light"
+            @click="toggleShowPassword"
+            class="border-left-0 rounded-right"
+          >
             <b-icon :icon="showPassword ? 'eye' : 'eye-slash'" />
           </b-button>
         </b-input-group-append>

frontend/src/views/Pages/Register.vue

@@ -121,7 +121,11 @@
                         ></b-form-input>
 
                         <b-input-group-append>
-                          <b-button variant="outline-primary" @click="togglePasswordVisibility">
+                          <b-button
+                            variant="outline-light"
+                            @click="togglePasswordVisibility"
+                            class="border-left-0"
+                          >
                             <b-icon :icon="passwordVisible ? 'eye' : 'eye-slash'" />
                           </b-button>
                         </b-input-group-append>
@@ -147,7 +151,11 @@
                       ></b-form-input>
 
                       <b-input-group-append>
-                        <b-button variant="outline-primary" @click="togglePasswordRepeatVisibility">
+                        <b-button
+                          variant="outline-light"
+                          @click="togglePasswordRepeatVisibility"
+                          class="border-left-0"
+                        >
                           <b-icon :icon="passwordVisibleRepeat ? 'eye' : 'eye-slash'" />
                         </b-button>
                       </b-input-group-append>