cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

The new Firefox design lands in today. This is what you can expect

AshleyT
Employee
Employee

Firefox has evolved significantly over the past year and now, its look has evolved too. 

The design begins rolling out today, with Firefox 157, bringing a cleaner, more cohesive , and more adaptable experience. It is still the Firefox you know and trust, with the same commitment to independence, privacy, customization, and user control. 

The Mozilla Connect community has helped shape this work from the beginning by sharing feedback on the early designs, tested the experience in Nightly starting in July, filed bugs, and shared with us what worked and what didn’t.

Here’s what landed today.

A cleaner, more cohesive design

  • Softer tab shapes
  • Redrawn icons that hold up better across light and dark themes
  • Rebalanced spacing throughout the interface
  • A refreshed color palette featuring the glow of the active tab, deeper purples, and warmer light tones

The updated design brought bolder color choices to Firefox — and your feedback made clear that opinions on browser color run the full spectrum. In response, we created additional themes, accessible through add-ons and a new theme picker off Firefox Home, so you have greater control over how Firefox looks. 

More ways to make Firefox yours

Firefox is becoming more customizable, giving you more ways to shape the browser around how you browse. These options include:

  • A new theme picker in the customization panel on the Firefox Home page. Additional community themes remain available through about:addons.
  • New Firefox themes and wallpapers
  • A dedicated space to pin and organize shortcuts so sites you use all the time stay put.
  • Compact Mode for a denser browsing experience

Compact mode now officially supported!

Compact Mode is now available as its own dedicated setting. It will also switch on automatically on smaller screens, reducing the space between interface elements so more fits on the screen.

This is one of the clearest examples of how community feedback shaped Nova. Many of you told us that maintaining a denser interface was important, and we listened.

Faster performance

The refreshed experience also includes improvements to Firefox’s startup, page-loading, and scrolling speeds.

Frequently asked questions

Will my existing themes and add-ons continue to work?

Themes and add-ons should continue to work. Nova is built on the same Firefox foundation, and the extension and theming architecture has not changed.

Will my userChrome.css customizations continue to work?

Some customizations may require minor adjustments, depending on how closely they rely on element names or layout structures from the previous interface. 

But keep in mind that Mozilla does not officially support customizations made through userChrome.css. They can cause unexpected behavior or even break Firefox, and future updates may affect them as Firefox continues to evolve. If you choose to use userChrome.css, please proceed carefully.

You can learn more in Firefox advanced customization and configuration options.

Can I opt out of the update?

The new Firefox design becomes the default experience starting with Firefox 157. However, you have several ways to adjust how Firefox looks and feels, including Compact Mode, themes, wallpapers, and New Tab customization. 

Keep shaping Firefox with us

Nova may be shipping today, but the work doesn’t stop here. Many of these updates grew directly from the bugs you filed and the conversations you started while the design was being developed.

Update to Firefox 157 to try the refreshed experience, then let us know what works well and what could still be improved. Your feedback will continue to help shape what comes next.

716 REPLIES 716

There is a simple Nova UI solution (at least for the next year or two) which is to switch from regular Firefox to Firefox ESR (Extended Support Release), which retains the classic UI and is more stable. You can download ESR release 153.4.0 (not the earlier version) here: https://www.firefox.com/download/all/desktop-esr/

If the user is on Linux, it's probably best they get the ESR from their distro's own packaging.

Perhaps you could update https://tips.navas.us/2026/10/firefox-ui-debacle.html with the steps?

For Debian-based ones (Debian, elementaryOS, Mint, Ubuntu, Zorin) this would be:
1.  Open the Terminal app
2.  Type sudo apt-get install firefox-esr then enter their admin password
3.  If they need Firefox in a language other than English US, they'd also need this after:
sudo apt-get install firefox-esr-l10n-??
replacing ?? with the language required (e.g. en-CA for Candian English; fr for French)

If the user is on a Linux that uses Redhat Package Manager (RPM), I'm not-sure then what the commands would be, but useful if you could include those in your article. 👍🏻

JNavas
Familiar face

I don't normally include Linux-specific content in my blog, but I've now added a Linux section with a link to https://support.mozilla.org/en-US/kb/install-firefox-linux

Great.

I'd probably also suggest revising this:

You should then switch Settings > About Firefox > Firefox updates from Automatic (the default) to Check & choose, so that you can get security updates (for at least a year), but avoid a version update as long as possible

To

You should then visit Menu > Settings > About Firefox > Firefox updates and switch from "Automatically install updates" (the default) to "Check for updates, but choose when to install", so that you can get security updates (for at least a year), but avoid a version update as long as possible

"Check & choose" may not be obvious to some users that is referring to the "Check for updates, but choose when to install" setting.  Best to use the actual setting names

On your Linux Mint, open the "Terminal" app on there and type

sudo apt-get install firefox-esr

then press ENTER.  Enter your admin password to confirm.  That will install the 153.4.0 ESR.

You can then install the relevant language to display the Firefox UI in your preferred one:

sudo apt-get install firefox-esr-l10n-??

replace "??" with the 2 or 3-digit code for your language, e.g. "es-es" for Spanish, "fr" for French.
If you want English US, you don't need to run the second command: just use the first one only.

You can see all available languages here:
https://packages.debian.org/search?keywords=firefox-esr&searchon=names&suite=stable&section=all 

supernova1877
Making moves

I am begging you, turn it back. It looks so bad.

You can mostly turn it back (until around late November) with these steps:

URL bar -> about:config -> ENTER -> accept warning -> search nova ->
double-click line "browser.nova.enabled" to change to "false"

Or look into a version of Firefox called "ESR" as this site explains:

https://tips.navas.us/2026/10/firefox-ui-debacle.html 

DrSinek
Making moves

We'd rather not have any updates than whatever this is. The new rounded corners look absolutely horrid. And I mean it.

No updates (turning them off) would be bad for security.

Look into a version of Firefox called "ESR" to undo Nova (for around 12-15 months), but still get regular security updates.  Refer to: https://tips.navas.us/2026/10/firefox-ui-debacle.html 

I_eat_solder
Making moves

Mozilla, I love what you generally do with Firefox and what it means against the Chromium monopoly.

But why on earth would you make your browser have the same, soulless, round "Times new Corporate"/current Android design look. This is not modern, this is flat, wannabe friendly, replaceable soulless design slop. If I wanted Chrome, I would just use Chrome. I'd rather use a browser looking like an old Windows submenu from the 95 days than yet another Google looking software. Its not making Google and friends better, more ethical acting companies and it will not help your case either. You already got a cute mascot, if you wanted you didn't even need to try for brand identification.
Your browser not being built on Chromium is a huge USP for Firefox on its own. You don't need to look like every other big tech UI for people to choose you.
Same for the Icons. Since when does EVERYTHING need to look flat and alike? Give me my sick, 3D Fox, not some corporate bull**bleep** cardboard collage. Have an identity. And if you feel like you need it to get people to switch, then please, just make it an easy, prominently advertised toggle.
Also, would you kindly refrain from integrating more AI bs in the next upgrade? I don't want a chatbot of my choice integrated or speak to my browser. With how this update seems to push Firefox looking and working like every other big tech product. There is already enough slop out there, my browser doesnt need to be one either.

Z3roTollRanc3
Making moves

Nobody liked it when Microslop rounded the corners on everything, what made you think that things would be different with this recent update?  Thankfully, it took one quick search to determine how to disable the nova update.  Honestly I don't understand why developers focus on constantly changing the look of their software when there are so many other things they could be focusing on in the first place.


@Z3roTollRanc3 wrote:

Honestly I don't understand why developers focus on constantly changing the look of their software when there are so many other things they could be focusing on in the first place.


Small Dev Teams don’t make this Mistake.

Something like Firefox Nova happens when a Dev Team has too many internal Designers,
so the Designers (or their Employer) desperately try to justify the Designers’ Employment with a complete Redesign because the previous Design can’t be meaningfully improved anymore.

> Something like Firefox Nova happens when a Dev Team has too many internal Designers

Or when it's laid off and otherwise lost so much of its key development talent (in the case of Mozilla) that it turns to 'easy' UI changes instead of hard core functionality improvements and bug fixes, so it can appear to be doing something. And by aping more successful products it can claim to be making 'improvements' while losing distinctiveness. I've seen this pattern several times over my professional career, and it never works.

nullptr
Making moves

I thought I was a waste of space, and the new update is wasting so much space, so rounded. Why? It's impossible to tell where the tab ends and the next begins. See how the old design is so much clearer? What's with the entire industry jumping off a cliff and using pills everywhere? 

nullptr_0-1791344360877.png

nullptr_1-1791344407961.png

I do not understand. Why is mozilla shooting themselves in the foot so many times? Do you _want_ me to stop using firefox? Stop caring about the project? Why all this self-sabotage? 

I do NOT want the nova update. It looks ungodly ugly, is a nightmare of noise that I can't parse at all. 

The fact that the post as 10 likes and the top comment has 200+ should tell you how tone-deaf firefox / mozilla has become. At this point I have to assume bad actors are intentionally sabotaging firefox. 

And no, about:config is NOT a fix because it'll be removed in the future and firefox devs have shamed users for asking about about:config. 

 

There is a simple Nova UI solution (at least for the next year or two) which is to switch from regular Firefox to Firefox ESR (Extended Support Release), which retains the classic UI and is more stable. You can download ESR release 153.4.0 (not the earlier version) here: https://www.firefox.com/download/all/desktop-esr/

Larrel
Making moves

Разноцветные разработчики опять делают обновления ради обновлений.

Спасибо что пока ещё можно отключить эту круглую хромоподобную хунйю.

Рассмотрите возможность перехода на версию Firefox с расширенной поддержкой (ESR). Это позволит вам не использовать визуальный стиль «Nova» в течение примерно 12–15 месяцев.

См.: https://tips.navas.us/2026/10/firefox-ui-debacle.html 

floeru
Making moves

Please give me back control over the grid in the start tab. And while you're at it, you could also let me have more than four...

> Please give me back control over the grid in the start tab. And while you're at it, you could also let me have more than four...

Shortcuts on Android? If so, then the loss of side-swiping was indeed annoying, but you can have two (2) rows of shortcuts for a total of 8 visible. For more than 8 (up to 16) you have to touch Show All.

They will mean on the desktop (Windows, macOS, Linux) version.

If you have the news feed enabled on Firefox Home, and use that on your new tab page, zoom-out on that page (Menu > Zoom) and you'll never get more than four story boxes in any row.

JNavas
Familiar face

I could be wrong, but I think that the "four" reference is to Shortcuts on Android.
On desktop you can have many more shortcuts, and a great many Stories are displayed 2 up.

Screenshot 2026-10-10 at 11-53-57 New Tab.png

Difficult to say, as the original post is a bit vague as they just refer to a "grid" and wanting "more than four".

On the desktop versions of Firefox, the news stories on the Firefox Home feed are often presented in a grid, and no matter how-much you zoom-out, four-in-a-row is the limit:

FirefoxHome_NewsFeedZoomOut.png

Hence me thinking this might be what they could be referring to.

mxjp
Making moves

mxjp_0-1791391583647.png

"rebalanced spacing" ?

Chuckscrazed
Making moves

This new UI is distracting to the point of being bad. The super Bright-Dark new Active Tab for starters stands out more then some entire websites, and the ability to have active tab closer in color to the background tabs would solve Everything for me. Until then I simply have to disable it until you remove that ability fro me, because of Course User options are forbidden! But hey, if its not for me its not for me, and this kind of update is certainly for Firefox not its Users. 

Ray_McKigney
Making moves

Fix it so we can make the side panel smaller, like it was before. With the new one, the smallest possible width the side panel can be adjusted to is about a half inch wider than it was previously. 

To revert to the previous side-panel look:

URL bar -> about:config -> ENTER -> accept any warning -> search for revamp ->
double-click the value "sidebar.revamp" to set it to "false"

indiana
Making moves

Messing again with my setup of NewTab Page.

null entries are finally ignored. If true or false doesn't matter:

browser.newtabpage.activity-stream.nova.enabled

So that's the way to loose more and more users. For me it will be Vivaldi after I started over 20 years ago with Firebird!

caustic1q
Making moves

I have been using Firefox for the past 20 years and never felt the need to write a critical review. However, over the last two or three years, I have been struggling with more and more website compatibility issues, and the latest updates have been so disappointing that I finally feel the need to say something.

I never used Firefox or Thunderbird because of their design. I used them because of their functionality and because their look and usability remained consistent over time. Unlike with many Microsoft products, I did not have to worry every day about buttons and features being moved around or suddenly becoming almost impossible to find.

Unfortunately, this has now completely changed.

Firefox and Thunderbird have become increasingly unattractive to me because of constant design changes. Even the simplest and most useful features that have existed for years are now often hidden behind unnecessary extra steps.

At this point, the browser simply offers me no real added value anymore.

I fully agree with everyone who says: make the browser lean, fast, and highly compatible. Give it good, high-performance scripting engines and strong security, and you have a winning product.

But with constant visual redesigns and unnecessary “clicky, colorful” changes, you are only losing the trust of long-time users.

ab0mbs
Making moves

Overall, not a fan of the redesign. The rounded corners of the tabs cause wasted space and make the tab names harder to read. Can we adjust the radius to make them into regular rectangles again? In combination with the containers, the colored bars on top of the tabs, when rounded, cut off the tab names.

The gradient is also extremely distracting. Having an easy setting to turn it off would be beneficial, as my current Dark theme still utilizes the gradient for some reason and, in my opinion, shouldn't.

There is a simple UI solution to Nova (at least for the next year or two) which is to switch from regular Firefox to Firefox ESR (Extended Support Release), which retains the classic UI and is more stable. You can download ESR release 153.4.0 (not the earlier version) here: https://www.firefox.com/download/all/desktop-esr/

When suggesting the ESR release, use this link:
https://www.firefox.com/download/all/desktop-esr/ 

That will go straight to the ESR product, to ensure they download the correct app, but also doesn't default to the English (US) language

justno
Making moves

Terrible idea, terrible bubbly tabs, everything is rounded so much it makes it unpleasant to use.
This should be left to themes, especially when it looks like puked out by GPT. My CSS skills were better than this in 2010.

Well, now I use ManualAppUpdateOnly policy, I will vet every update in a VM before I decide if I want it in my system.
Also when it's no longer possible to turn it off via browser.nova.* I will no longer update, and when it's too far from updates I'll go to ESR or another Gecko browser, and possibly leave Firefox after using it daily since 2010-ish.

Bonjour

How do I turn the tabs back to how they were before?
https://support.mozilla.org/en-US/questions/1610048

> How do I turn the tabs back to how they were before?

Better solution: There is a simple UI solution to Nova (at least for the next year or two) which is to switch from regular Firefox to Firefox ESR (Extended Support Release), which retains the classic UI and is more stable. You can download ESR release 153.4.0 (not the earlier version) here: https://www.firefox.com/download/all/desktop-esr/

I likewise use dedicated profiles for each Firefox installation, in part because it's cleaner to create a fresh profile with a new install, and because it gives you the opportunity to clean up cruft.

Emaro
Making moves

I don't think you achieved your stated goals.

Cleaner: definitively not. More colors is more noise. The previous design was almost peak clean design. The new design increases branding, however I don't want or need my browser to be branded (or be "bold"). Like good film music, a good browser UI fades in the background and improves the experience without ever drawing attention to it.

Cohesive: also not achieved imo. The design looks off and the rounded corners create a dissonance for instance with the favicons, where the huge corner radius creates dead space. The compact layout helps a little bit, but then it looks too cramped on medium to large screens. Also the increased colors often clash with the website's designs, creating a feeling of incoherence.

The only improvement the Nova redesign brings is that compact mode is back. The rest just feels like a rebranding of the browser UI for the AI era, which no Firefox user asked for. If you are serious with giving users more choice and customization options, allow us to go back to the non-rounded, non-colored design. Thank you.

You can bring compact mode back in previous versions by typing about:config in the URL bar, accept any warning, search for "browser.compactmode.show" and set it to "true".  You'll then find the option if you right-click an empty area of the tab-bar or URL bar, and click Customise Toolbars.

You could move to the "ESR" version of Firefox, then do the above to use Compact Mode there.

https://tips.navas.us/2026/10/firefox-ui-debacle.html 

Obs
Making moves

Truly, this new update UI is hideous enough to inspire me to register an account just to inform you that your team failed miserably.  This is atrocious.  Stop forcing your terrible sense of aesthetics on me.

same lol. They are messing up bad. Made it 20 years without a firefox account.