logout is not aligned properly in the profile page .

### Description of issue
CSS should be implemented in the profile page.
### Expected result

### Actual result

### Steps to reproduce
1.
2.
3.

```
Path: /
Browser: Chrome 112.0.0.0 on Windows 10
Viewport: 1504 x 892 @1.5x
Language: en-US
Cookies: Enabled
```

[Open in BrowserStack](https://www.browserstack.com/user/try-live?url=https%3A%2F%2Fdeploy-preview-3--espresso-cafe.netlify.app%2F&os=Windows&os_version=10&browser=Chrome&browser_version=112.0&resolution=1504x892&speed=1&start=true&ref=netlify-source)

Submitted from [Netlify Deploy Preview #3](https://deploy-preview-3--espresso-cafe.netlify.app/)

Start at the profile page served at `/` and inspect the logout element's current layout in Chrome on the provided deploy preview. Compare its position with the surrounding profile controls and verify that the logout is aligned as expected at the reported viewport; the issue provides no file or test path.

Written by the indexing model from the issue text.