example-controls: fix visual bug

## Current behavior

Grid layout might not be the best option for this doc component. It either stretches the elements very far apart or moves them into each other and flow out of their container. 

<img width="300" height="89" alt="Image" src="https://github.com/user-attachments/assets/3561df1c-440f-4ff3-b100-7985896af109" />
