Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Unwanted white border around "Join the Conversation" (Discuss) card on Learn, Community & FAQ pages

Open Beginner friendly
#8,158 1 comment 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 2 days

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
90/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
javascript
Domain
frontend

Research direction

Start in src/sections/Discuss-Callout/discuss.style.js around line 70 and inspect the styled-components template scope, especially the button block. Correct the misplaced closing brace so the DiscussWrapper has no white border while the card size, spacing, and logo box remain unchanged, then verify the affected DiscussCallout pages in Chrome.

Written by the indexing model from the issue text.

Description

framework/gatsby help wanted kind/bug

Description

The "Join the Conversation" Discuss callout card renders with a stray 2px solid white border around its outer container. It shows up on every page that uses the DiscussCallout component.

Root cause: In src/sections/Discuss-Callout/discuss.style.js, an extra closing brace } (~line 70) prematurely closes the styled-components template's root scope. The button { … border: 2px solid; … } block below it is then parsed as a root-level rule, and its border: 2px solid (color resolves to currentColor, i.e. the inherited white text color) leaks onto the outer DiscussWrapper container — producing the white border.

Affected Pages

Expected Behavior

No white border should frame the "Join the Conversation" card. It should sit cleanly on the dark background, with the card size, spacing, and logo box unchanged.

Screenshots

Image

Screenshot from one of the pages

Environment

  • Host OS: Windows 11
  • Browser: Chrome
Dominant language
JavaScript
Stars
1.1k
Forks
1.6k
Avg merge
3d 23h
Merged PRs (30d)
34

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from layer5io/layer5

All issues in layer5io/layer5

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.