[BUG] Fullscreen button on click moves the location.

[burdittw]

Describe the bug
When you load the page the fullscreen button is in the correct position. Once you click it, it no longer aligns to the middle of the menu. When you click it, it adds in inline style of display: block;. Before you click there is no inline style and it is inheriting from above it which in different scenarios that I have tried always seems to be display: inline-block. It may be that I am using fontawesome as I noticed this project is using bootstrap icons and it is setting it as inline before the click. Yours is working but mine is not, but I am also not using the other dropdowns for messages and stuff just the fullscreen and user profile dropdown.

To Reproduce
Steps to reproduce the behavior:

1. Click the fullscreen button.
2. It moves upward after that with the display: block added to the icon for which state it's in.

Expected behavior
It should stay inline with the other items. display: inline-block works

Screenshots
Before the click:

After the click:

Environment (please complete the following information):

• AdminLTE Version: v4.0 latest build
• Operating System: Windows 11
• Browser (Version): Edge(latest)

[786-JIYA]

Hi, I would like to work on this issue. Please assign it to me.