Plot x-axis getting cut off in display layout

[shefalijoshi]

Summary

Plot x-axis getting cut off in display layout - this makes it impossible to see x-axis ticks.

Expected vs Current Behavior

X axis should be completely visible

Steps to Reproduce

1. Create a plot
   2.Create a display layout
   3.Add the plot to the display layout
   4.Observe that the x-axis is cut off

Environment

• Open MCT Version: 2.0.1-SNAPSHOT
• Deployment Type: local
• OS: Mac
• Browser: Firefox

Impact Check List

• Data loss or misrepresented data?
• Regression? Did this used to work or has it always been broken?
• Is there a workaround available?
• Does this impact a critical component?
• Is this just a visual bug with no functional impact?

Additional Information

[shefalijoshi]

Testing notes
Add a plot to the display layout
Ensure that the x-axis is being displayed correctly.

[charlesh88]

Testathon 3-17-22: verified fixed.

[nikhilmandlik]

Verified Fixed.

[unlikelyzero]

Note for e2e test additions: this will require a visual test.

Default.visual.e2e.spec.js

//Psuedo-code as comments
//Create a Display Layout
//Create a SineWave Generator
//Move SineWave Generator into Display Layout
//Reload Display Layout in Read-only Mode
percy.snapshot('Sinewave Generator in Display Layout - Read-only');
//Open Display Layout in Edit mode
percy.snapshot('Sinewave Generator in Display Layout - Edit-only'):