Spreading objects for styles feels messy, handle it with this function instead...

mergeObjects.js

// probably unnecessary but...
const merge = (...args) => args.reduce((obj, val) => ({ ...obj, ...val }), {});

const combined = merge(
  { background: 'red', padding: 20 },
  { color: 'blue' },
  { color: 'white' },
);

console.log(combined); // { background: 'red', padding: 20, color: 'white' }