diff --git a/public/favicon-144x144.webp b/public/favicon-144x144.webp
new file mode 100644
index 0000000..4e42377
Binary files /dev/null and b/public/favicon-144x144.webp differ
diff --git a/public/favicon-96x96.webp b/public/favicon-96x96.webp
new file mode 100644
index 0000000..63d5661
Binary files /dev/null and b/public/favicon-96x96.webp differ
diff --git a/resources/themes/backend/views/livewire/auth/login.blade.php b/resources/themes/backend/views/livewire/auth/login.blade.php
index a960fb2..6056616 100644
--- a/resources/themes/backend/views/livewire/auth/login.blade.php
+++ b/resources/themes/backend/views/livewire/auth/login.blade.php
@@ -16,7 +16,7 @@
 <main class="auth-main">
     <div class="auth-wrap">
         <a class="auth-brand" href="{{ route('home') }}" aria-label="{{ config('app.name', 'Systems Helpdesk') }}">
-            <img src="{{ asset('favicon-48x48.webp') }}" width="48" height="48" alt="" decoding="async">
+            <img src="{{ asset('favicon-96x96.webp') }}" srcset="{{ asset('favicon-48x48.webp') }} 1x, {{ asset('favicon-96x96.webp') }} 2x, {{ asset('favicon-144x144.webp') }} 3x" width="48" height="48" alt="" decoding="async">
         </a>
 
         <section class="auth-card" aria-labelledby="login-heading">