[bug][ui/ux] On eFP Overview, overflow scrollbars appearing when shouldn't

[AlexJSully]

In the eFP Overview section of the eFP-Seq Browser, overflow scrollbars are appearing unexpectedly. This issue occurs after loading data and clicking on the eFP Overview button. The scrollbars should not be present, as the content fits within the viewable area.

Steps to Reproduce:

1. Load the required data in the eFP-Seq Browser.
2. Click on the "eFP Overview" button.
3. Observe that overflow scrollbars are appearing.

Notes:

• The issue has not yet been tested on mobile devices.
• Scrollbars appear on desktop versions, even though the content seems to fit within the container.

Possible Investigation Steps / Reasons:

1. CSS Overflow Property:

• Check if the CSS for the eFP Overview container has overflow: auto or overflow: scroll properties applied. These may be forcing the scrollbars to appear.
• Ensure that overflow: hidden or overflow: visible is used if appropriate.

2. Container Size Mismatch:

• There could be a mismatch between the content size and the container’s dimensions. Investigate if the content exceeds the container’s height or width by a few pixels, which can trigger scrollbars.
• Check for any margins, padding, or borders that might cause the container to miscalculate its size.

3. Browser-Specific Rendering:

• Test across different browsers to see if this issue is browser-specific. Some browsers may interpret certain CSS properties differently, especially with older versions like Safari 10.

4. JavaScript/DOM Manipulation:

• Investigate if JavaScript dynamically alters the size of the eFP Overview container after the content loads, causing it to overflow slightly.
• Look into any JavaScript that could be modifying the layout or container height dynamically.