[FEAT] UI Bug: Settings page header alignment is inconsistent

[tharunika-19]

Bug Description

The Settings page header has an alignment issue — the icon and
"Settings" title appear slightly misaligned, and the overall
header layout feels visually unbalanced when compared with
the Back to Dashboard button on the left.

Steps to Reproduce

1. Go to /dashboard/settings
2. Observe the header section with the icon + "Settings" title

Expected Behavior

The icon and title should be properly vertically centered and
aligned. The header layout should feel balanced.

Screenshots

Suggested Fix

Ensure the icon and text are wrapped in a flex container
with items-center alignment:

Settings

---

[tharunika-19]

Hi @Priyanshu-byte-coder , I'd like to work on this issue! I have already run the project
locally and can reproduce the bug. Can I get assigned? 🙌

[github-actions]

@tharunika-19 You already have 2 open issue(s) assigned. Complete those first before picking up more.

[tharunika-19]

Hi @Priyanshu-byte-coder , I'd like to work on this issue! I have already run the project
locally and can reproduce the bug. Can I get assigned?

[github-actions]

Assigned to @tharunika-19! You have 7 days to open a PR. No PR after 7 days = auto-unassigned so others can pick it up. Good luck!

[tharunika-19]

I revisited the issue on the latest codebase and could not reproduce it. The current Settings page implementation no longer contains the header layout shown in the original screenshot, and searching the repository for the referenced elements (such as the Back to Dashboard button) returns no matches.

It appears this may have been resolved by a previous change or the screenshot may be from an older version. Closing this issue for now. Happy to reopen if it can be reproduced on the current codebase.

[github-actions]

✅ Closed as completed!

If DevTrack has been useful, a ⭐ star on the repo helps the project grow and reach more developers.