Change the Size of the Firefox Searchbar

The Firefox searchbar has a default size that can’t be changed in the options of Firefox. Many users however do not know that the searchbar can be altered using simple css code in the file userChrome.css. This file can be found in your Firefox profile folder. You can open it with any normal text editor.

Append the following code to the end of the file to change the default size of the Firefox searchbar. You might want to play around a bit with the number which means width in pixels. If you would add that code and restart Firefox afterwards the default size would increase to 400 pixels.

#searchbar {
-moz-box-flex: 400 !important;
}
#search-container {
-moz-box-flex: 400 !important;
}

Just lower that number if you feel that the searchbox is to huge or raise it if you want it to be bigger. Remember to restart Firefox after every change.