Sidebar Wallet components are not responsive

[mertssmnoglu]

Describe the bug

Wallet components are not responsive and they act different from the all other settings components. I think there is a related issue: #1751

1. Wallet buttons and the Wallet text's separator acts different when the page width is around the 910px (Image 1)
2. "Select Wallet" and "Disconnect Wallet" texts do not fit into the button when the page width is smaller than 1093px (Image 2)

---

To Reproduce
Steps to reproduce the behavior:

1. Go to Checkmate Dashboard
2. Click on Settings from the sidebar
3. Open the DevTools
4. Choose Responsive Design Mode
5. Slowly decrease the page width
6. See that the button texts do not fit into the buttons
7. See that the separator acts different

Expected behavior
A consistent Settings Page that compatible with other components.

Screenshots

Image 1 - Separator

Image 2 - Wallet Button Texts

Desktop (please complete the following information):

• Browser: Firefox
• Version 130.0

[gorkem-bwl]

Yes, those are a part of 3rd party components, and I think we should be fixing them with CSS or similar :)

[jasneetsingh6114]

Hey can I work on this issue

[gorkem-bwl]

Yes, please go ahead @jasneetsingh6114

[ajhollid]

@jasneetsingh6114 please be sure to follow style cues from the east of the app RE colors, heights, margins, padding, etc.

Be sure to use the theme as well for any styling.

Thank you!