Long macros do not scroll making it impossible to have more than 8ish keys

[AMcBain]

Steps:

• Create a macro with input and outputs like this "u -> NMLK, LALT+P0+P2+P3+P4, NMLK".
• Click the + button after the last NMLK key.

What happens:
The new configuration box will get mostly cut off and it'll be impossible to configure it.

Expected behavior:
Adding too many keys shouldn't cause them to get cut off. You should be able to configure all key boxes.

Notes:
Opening the dev console allowed me to select the macro container element (class MuiCardContent-root) and add "overflow: auto;" to that element. It looks like the CSS for the item it might be OK to change with the least impact would be in layer-macros.js resulting in the following:

  macroDef: {
    display: 'flex',
    alignItems: 'center',
    marginTop: 10,
    overflow: 'auto',
  },