Render content between buttons

[tuzmusic]

I would like to have the buttons completely to the left and right of the content instead of overlaid on them.

Essentially a row like:

<div style={ { display: 'flex', flex-direction: 'row' } }>
  <LeftArrow/> // width: 10%
  <Slide/> // width: 80%
  <RightArrow/> // width: 10%
</div>

I've been playing around a bit in the chrome console but I'm have a very hard time achieving this!
It looks like the div.track maybe needs to be between the a elements that are the arrows, but without this ordering I can't figure it out. Help!