Search Form in MenuBar setting problem

I want to place the search element on the far right side of the header menu, and when I click the search icon, a search box should appear to the left of that icon, as shown in the attached image.

However, when I use the bricks built-in search element, it only shows the icon, and clicking it brings up a full-screen overlay. This is not the effect I want, and I cannot configure the search element to achieve this.

How can I achieve the desired effect as shown in the image without using external plugins?

2025-03-11 15 54 46
2025-03-11 15 54 31