fix: password button (#564)

Author: GDinis007

lib/atomic_web/templates/user_registration/new.html.heex

@@ -55,7 +55,7 @@
             <.icon name="hero-eye-solid" class="w-5 h-auto fill-black hover:fill-black" />
           </div>
           <div x-show="!hide_confirm" x-on:click="hide_confirm = true; document.getElementById('user_password_confirmation').type = 'password';" class="px-2 w-fit cursor-pointer">
-            <.icon name="hero-eye-slash-solid" class="w-5 h-auto fill-black hover:fill-black" />
+            <.icon name="hero-eye-slash-solid" class="w-5 h-auto fill-black hover:fill-black " />
           </div>
         </div>
         <span class="text-sm w-full sm:w-96 mx-4 text-red-600"><%= error_tag(f, :password_confirmation) %></span>

lib/atomic_web/templates/user_session/new.html.heex

@@ -32,10 +32,10 @@
           class: "relative w-full border-0 text-zinc-900 rounded appearance-none outline-none focus:ring-0 sm:text-sm"
         ) %>
         <div x-show="hide" x-on:click="hide = false; document.getElementById('user_password').type = 'text';" class="px-2 w-fit cursor-pointer">
-          <.icon name="hero-eye-solid" class="w-5 h-auto fill-zinc-900 hover:fill-black" />
+          <.icon name="hero-eye-solid" class="w-5" />
         </div>
         <div x-show="!hide" x-on:click="hide = true; document.getElementById('user_password').type = 'password';" class="px-2 w-fit cursor-pointer">
-          <.icon name="hero-eye-slash-solid" class="w-5 h-auto fill-zinc-900 hover:fill-black" />
+          <.icon name="hero-eye-slash-solid" class="w-5" />
         </div>
       </div>
     </div>