As you might have noticed, some icons are huge and others are tiny on the StackExchange HNQ page (aka the main page). Here's a userscript that fixes this issue:

// ==UserScript==
// @name         StackExchange Hot Questions fix site icon size
// @version      1.0
// @match        https://stackexchange.com/
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    [].forEach.call(document.querySelectorAll('.hot-question-site-icon span img'), function(img) {
    img.src = img.src.replace('48','32');

  • What a strange bug. And, the icons are supposedly constrained to 32x32 anyway by CSS, although using the correct icon looks better despite that. Commented Jun 27, 2018 at 18:34
  • @BrockAdams yea, this is a weird problem, and I believe at one point they rolled out a public version which was the correct one, but something got mixed up I guess and next update it was the broken version again, and since then nobody bothered to take another look at it. I blame the bug review system and lazy designers :p Commented Jun 27, 2018 at 19:43


You must log in to answer this question.

Browse other questions tagged .