Skip to content

Conversation

@llastflowers
Copy link
Contributor

What are you trying to accomplish?

Screenshots

Regressed button:
regressed button
Fixed button:
fixed button

Integration

N/A

List the issues that this change affects.

Closes https://github.com/github/primer/issues/6380

Risk Assessment

  • Low risk the change is small, highly observable, and easily rolled back.
  • Medium risk changes that are isolated, reduced in scope or could impact few users. The change will not impact library availability.
  • High risk changes are those that could impact customers and SLOs, low or no test coverage, low observability, or slow to rollback.

What approach did you choose and why?

The newline in this file interrupted the styling and caused the visual regression, so I removed the newline.

Anything you want to highlight for special attention from reviewers?

N/A

Merge checklist

  • Added/updated tests
  • Added/updated documentation
  • Added/updated previews (Lookbook)
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

@llastflowers llastflowers requested a review from a team as a code owner February 4, 2026 18:43
@llastflowers llastflowers requested review from Copilot and hectahertz and removed request for Copilot February 4, 2026 18:43
@changeset-bot
Copy link

changeset-bot bot commented Feb 4, 2026

🦋 Changeset detected

Latest commit: edf2542

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/view-components Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Remove newline to fix visual regression in Button.
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes a visual regression in the Button component that was accidentally introduced in PR #3867. The regression was caused by an extra newline in the ERB template that resulted in unwanted whitespace in the rendered HTML, affecting the button's visual appearance.

Changes:

  • Removed an extra blank line between the button's closing ERB tag and the paragraph element in the summary_as_button preview
  • Added a changeset documenting the patch-level fix

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
previews/primer/beta/button_preview/summary_as_button.html.erb Removed blank line that was causing unwanted whitespace and visual regression
.changeset/fast-cougars-repeat.md Added changeset entry documenting the patch-level fix

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@llastflowers llastflowers added this pull request to the merge queue Feb 4, 2026
Merged via the queue into main with commit 1597a74 Feb 4, 2026
38 checks passed
@llastflowers llastflowers deleted the llastflowers/patch/fix-minor-lookbook-regression branch February 4, 2026 20:28
@primer primer bot mentioned this pull request Feb 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants