Skip to content

feat: Change WalletButton alignment from start to center#2393

Open
marcinciarka wants to merge 3 commits intoalchemyplatform:mainfrom
marcinciarka:patch-1
Open

feat: Change WalletButton alignment from start to center#2393
marcinciarka wants to merge 3 commits intoalchemyplatform:mainfrom
marcinciarka:patch-1

Conversation

@marcinciarka
Copy link
Copy Markdown

@marcinciarka marcinciarka commented Mar 10, 2026

WalletConnect button and the More wallets button are aligned to the center. It looks weird when external/injected wallets are aligned to the left.

  • Changed the className in the WalletButton component to use justify-center instead of justify-start, centering the button's content.

PR-Codex overview

This PR focuses on updating the alignment of buttons in two components to improve their appearance. The alignment changes from justify-start to justify-center, which centers the buttons within their container.

Detailed summary

  • In WalletButton.tsx, the className property changes from justify-start to justify-center.
  • In SolanaWalletButton.tsx, the className property also changes from justify-start to justify-center.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

WalletConnect button and the `More wallets` button are aligned to the center.

It looks better at the center.
Copy link
Copy Markdown
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 aligns the content of the WalletButton component (used for external/injected EVM wallets) to center, matching the existing alignment of WalletConnectButton and the "More wallets" button. Previously, WalletButton used justify-start which caused a visual inconsistency when these buttons appeared in the same wallet selection list.

Changes:

  • Changed the Tailwind class on the WalletButton component from justify-start to justify-center to center-align its content.

You can also share your feedback on Copilot code review. Take the survey.

@marcinciarka marcinciarka changed the title Change WalletButton alignment from start to center feat: Change WalletButton alignment from start to center Mar 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants