Automattic / Automattic/jetpack

Jetpack: Dashboard content missing margins at some breakpoints

Open
#42,092 2 comments 0 reactions 0 assignees View on GitHub
[Experiment] AI labels added [Plugin] Jetpack [Pri] Low [Status] Auto-allocated Admin Page Bug Groundskeeping Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### Quick summary

There's a breakpoint where the page content has no margins while the header snaps in.

![Image](https://github.com/user-attachments/assets/969ea1ad-a3d8-4183-b218-a1a2633b2dfe)
![Image](https://github.com/user-attachments/assets/89a1cecd-dc08-4ab4-9282-f1ae58ba963e)

### Steps to reproduce

See screenshot, shrink window size until it takes effect.

Multiple pages have the same issue:

https://positive-willow.jurassic.ninja/wp-admin/admin.php?page=jetpack#/settings
https://positive-willow.jurassic.ninja/wp-admin/admin.php?page=jetpack#/dashboard

### Site owner impact

Fewer than 20% of the total website/platform users

### Severity

Minor

### What other impact(s) does this issue have?

No revenue impact

### If a workaround is available, please outline it here.

_No response_

### Platform (Simple and/or Atomic)

Self-hosted, Atomic

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue on the Jetpack settings and dashboard entry points linked in the report, shrinking the window until the header snaps in. Trace the responsive frontend styles responsible for the page content, then verify at the affected breakpoint that margins remain present on both pages.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.