Fix progress bar styling - Instructions panel

[maxelkins]

Overview

Current:

Expected (ignoring the teal color):
(Figma reference)

To do

Designs should be inspected for more specific details but generally:

• Progress bar itself should be using the design system component as this already has all the styles defined.
• There is extra space on the sides and bottom
  • Remove the max-wdith from the progress bar, it should fill the space
• Spacing between elements not correct
• Disabled button style needs tweaking - design

[loiswells97]

@maxelkins are you sure about the max-width? It gets very wide without it 😅 Easy enough to do though if you want this removed

[maxelkins]

@loiswells97 I get what you mean but I think its looks odd at the mo when its centred. Let's full width it so it matches the design and we can relook at it after beta if we think its too weird full width.

[loiswells97]

@loiswells97 I get what you mean but I think its looks odd at the mo when its centred. Let's full width it so it matches the design and we can relook at it after beta if we think its too weird full width.

Okay, great 👍