diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css
index afe5a5a..b97f6bc 100644
--- a/themepo-elegantfin.css
+++ b/themepo-elegantfin.css
@@ -158,12 +158,18 @@ body:has(#itemDetailPage) html::after,
 
 /* --- Custom Branding --- */
 
-/* Replace Jellyfin header logo image using CSS content replacement */
-.headerLogo img {
-  content: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
+/* Replace Jellyfin header logo — hides SVG/img child and uses background */
+.headerLogo {
+  display: inline-block !important;
   width: 36px !important;
   height: 36px !important;
-  object-fit: contain !important;
+  background-image: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
+  background-size: contain !important;
+  background-repeat: no-repeat !important;
+  background-position: center !important;
+}
+.headerLogo * {
+  display: none !important;
 }
 
 /* Replace "Jellyfin" server name text in header with "The Ark" */