variablising 10px padding default for component

Design for all commercial components has 10px padding set throughout. This pull request is to put that into a variable so that we can change it quickly if needed.