Bug: Footer overlaps with content on smaller screen sizes

[careful-exurbia0j]

Describe the bug

On smaller screen sizes (e.g., tablet or mobile), the footer in base/web overlaps with the main content, causing part of the footer to be hidden or inaccessible

Steps

1. Open the base/web site on a tablet or mobile device, or resize the browser window to a smaller width.
2. Scroll to the bottom of the page and observe the footer behavior.
3. Notice that the footer overlaps with the content above it or becomes partially hidden.

Expected behavior

The footer should be displayed properly on all screen sizes, with enough space between it and the content above. It should not overlap with any content, ensuring all links and information are accessible

Environment

• Device: Tablet
• OS: iOS 17.x
• Browser: Safari
• Browser Version: 17.x
• Screen Size: ~768px (portrait mode)
• Reproducibility: Always (on smaller screen sizes)