How to change Firefox pinned tab width

This is a tutorial to change Firefox pinned tab width so that you don't need to aim too hard to select your favorite pinned tab.
Here are the required steps:

1. Download Stylish extension written by Jason Barnabe. Here is the link to download. https://addons.mozilla.org/en-US/firefox/addon/stylish/
2. After installation press Ctrl + /. This shows up addon bar in the bottom.
3. Click on the S symbol on the left hand corner and then on Manage Styles.
4. Then click on Write New Style.
5. Enter any name and any tag.
6. In the code window enter exactly the text below:
   
   

   @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
   
   .tabbrowser-tab[pinned] {
     width: 82px;
   }

   @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
   
   .tabbrowser-tab[pinned] {
     width: 82px;
   }
   
   
   
   
   
7. Click on Preview, you can change the value of parameter width to any number you like (I set it to 82px), make sure it works well by continuously checking with preview button.
8. Once satisfied with the required width, press Save and you're done with the task. Enjoy.

   @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
   
   .tabbrowser-tab[pinned] {
     width: 82px;
   }