diff --git a/styles/duckduckgo/catppuccin.user.less b/styles/duckduckgo/catppuccin.user.less index 6f3f492c96..3b48714382 100644 --- a/styles/duckduckgo/catppuccin.user.less +++ b/styles/duckduckgo/catppuccin.user.less @@ -1076,13 +1076,27 @@ background-image: url("data:image/svg+xml,@{svg}"); } //ddg icon .header__logo, - .js-logo-ddg { + .js-logo-ddg, + .header__logo-icon, + .js-logo-icon { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } + // On mobile DuckDuckGo paints the header logo on `.header__logo-icon` (which + // already carries `background-repeat: no-repeat`) and blanks the parent + // `.header__logo` with `background: none`. Re-blank the parent here so our + // themed image only lives on the icon and inherits DDG's `no-repeat`, + // instead of overriding that reset and tiling across the wider parent (#2257). + &.is-mobile { + .header__logo, + .js-logo-ddg { + background-image: none !important; + } + } + .yhccgqM_FdvJ79N6Jm6c { @svg: escape( ''