I know this subject was asked and answered before but for the life of me I cannot get it to work.

Hi All, I know this subject was asked and answered before but for the life of me I cannot get it to work. Ok I have V133 Firefox but this still seems to fit the bill.. [[Knowledge Base Article|https://support.mozilla.org/en-US/questions/1346987]] I Watched the video on how to create the userChrome.css and text file. Then opened a text file inside userChrome.css, I then Copied and pasted, @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ menupopup > menuitem, menupopup > menu {padding-top: 2px !important; padding-bottom: 2px !important;} *|*:root {--arrowpanel-menuitem-padding: 2px 8px !important;} to said text file saved it. Next I went and set this pref to true on the about:config page to enable userChrome.css but not sure if that did this one as well "userContent.css in the chrome folder. I then closed (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file. Nothing seems to have changed please what did I do wrong? Thanks in advance for help.