This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Auto-complete in awesomebar is too big!

more options

I recently updated from version 47ish to 54.0.1 and when I type in an address into the awesome bar it's the whole width of the window and it looks absolutely terrible, per the attachment.

If you look at the screenshots in https://support.mozilla.org/en-US/kb/awesome-bar-search-firefox-bookmarks-history-tabs the dropdown is only as wide as the address bar. If the screenshot doesn't attach (it seems to be spinning it's wheels atm), refer to https://pbs.twimg.com/media/DG_1rTHU0AEtNvF.jpg:large for example.

How do I get back to the proper address bar width instead of this hideous looking full window width auto complete?

I recently updated from version 47ish to 54.0.1 and when I type in an address into the awesome bar it's the whole width of the window and it looks absolutely terrible, per the attachment. If you look at the screenshots in https://support.mozilla.org/en-US/kb/awesome-bar-search-firefox-bookmarks-history-tabs the dropdown is only as wide as the address bar. If the screenshot doesn't attach (it seems to be spinning it's wheels atm), refer to https://pbs.twimg.com/media/DG_1rTHU0AEtNvF.jpg:large for example. How do I get back to the proper address bar width instead of this hideous looking full window width auto complete?

All Replies (4)

more options

See e.g.:


Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#PopupAutoCompleteRichResult{width: 1000px !important;max-width: 1000px !important; margin-left: 0 !important;}

  • create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userChrome.css file in the editor window
  • make sure that the userChrome.css file starts with the default @namespace line
  • make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

more options

That works if the browser is maximized, what if it's not? There's no way to restore back to previous behaviour?

more options

You would have to adjust the width value and make them smaller if they exceed to width of the Firefox window. There is no way to restore the way it worked previously.

more options

You can use custom style rules to set a different width, but the feature of Firefox 43-47 that sized the drop-down to the length of the address bar isn't possible with such simple tweaks.

Speaking of the old style, if you prefer having the site title and URL on different lines, you could consider a more elaborate set of style rules for your userChrome.css file:

https://www.jeffersonscher.com/gm/url-bar-tweaks.html

You might only need the indented part between

@-moz-document url(chrome://browser/content/browser.xul) {

and the last

}