🐛 Bug: layout issues — scroll-up button overlapping footer icons & footer logo misaligned on certain breakpoints

[Adityakumar37]

Describe the bug

1. Scroll-Up Button Overlaps Slack Icon

In smaller mobile resolutions (see screenshot attached), the floating "scroll to top" button overlaps the Slack icon in the footer.

Expected behaviour:
The scroll-up button should stay above the footer and never overlap any footer elements.

Actual behaviour:
At certain breakpoints, the scroll-up button sits directly on top of the Slack icon.

2. JSON Schema Footer Logo Becomes Misaligned

At some mobile widths, the JSON Schema logo in the footer does not remain centered.
At very small sizes it appears centered, but at slightly larger mobile widths it shifts to the side instead of staying aligned in the center.

Expected behaviour:
The footer logo should always remain horizontally centered across all mobile breakpoints.

Actual behaviour:
The logo shifts left/right depending on the screen width.

Steps To Reproduce

Steps to Reproduce

Open the site in Chrome DevTools.

Switch to responsive mode.

Test widths around 375px → 480px.

Scroll to the footer.

You will observe:

The scroll-up button overlaps the Slack icon.

The JSON Schema logo is not centered at some breakpoints.

Expected Behavior

Expected behaviour:
The footer logo should always remain horizontally centered across all mobile breakpoints.

Actual behaviour:
The logo shifts left/right depending on the screen width.

Screenshots

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

Yes

[Adityakumar37]

@benjagm please assign me this issue i would like to work on this