How to revert Firefox 151 homepage changes and remove the logo

Firefox logo.

Firefox 151 was released in May 2026, with a design refresh for the home screen and new tab page. However, many users criticized the changes, especially the persistent Firefox logo, which wastes space.

People dislike the spacing, the condensed nature of the icons, and the logo sitting too low. The customization is allegedly worse, and many others called it unnecessary and frustrating. You can find more complaints here, here, and here.

How to revert Firefox UI design.

I’ve browsed through Reddit, Mozilla Firefox forums, and some comments online to figure out how these changes can be reversed, and fortunately, there are multiple workarounds you can try.

To restore the original spacing and larger icons:

  1. Go to about:config

  2. Type “nova” in the search box at the top.

  3. Set browser.newtabpage.activity-stream.nova.enabled to false. You need to double-click to change the value from true to false. This reverts the layout to the pre-151 design.

  4. Close about:config and open a new tab.

Reddit comment.

To adjust the logo directly:

  1. Head back to the same about:config page.

  2. Search for logowordmark.alwaysVisible and toggle that to false. This should hide the logo right away.

Adjusting the logo with custom CSS styles (as described on Reddit):

  1. Enable Custom Styles in Firefox. Type about:config in the address bar, and press Enter.

  2. Type toolkit.legacyUserProfileCustomizations.stylesheets in the search bar, and set the value to true.

  3. Go to about:support in a new tab.

  4. Next to the Profile Folder, click the Open Folder button.

  5. Inside the profile folder, create the “chrome” folder. Right-click -> New -> Folder. Name it “chrome.” All lowercase, and no spaces.

  6. Inside the new “chrome” folder, right-click, select New, and then create a new Text Document.

  7. Name it userContent.css (make sure it doesn’t end with .txt).

  8. Copy and paste the below CSS code into the file, save, and exit.

CSS Code to Remove Firefox Logo (Firefox 151)

/* Remove Firefox Logo - Works on New Tab & Home Page */
@-moz-document url-prefix(about:home), url-prefix(about:newtab) {
    .logo-and-wordmark-wrapper,
    .logo-and-wordmark,
    .wordmark,
    .logo {
        display: none !important;
    }
}

Copy the code above → Paste into userContent.css file

After restarting Firefox, it should revert the logo changes.

With these simple tweaks, you can easily restore the cleaner experience. We’d recommend sharing your feedback with Mozilla directly, since sufficient negative backlash might make the company reconsider these changes.

The post How to revert Firefox 151 homepage changes and remove the logo appeared first on PiunikaWeb.

readers loved this