What is the chore?:
The grafana-frontend-platform squad has created a 'non-roadmap' epic to remove the usage of the deprecated layout components: Layout, HorizontalGroup and VerticalGroup.

Is there anything else we need to know?:

• This is a side project. No prioritization. Just keep in mind when there are downtimes, or you need a break and work on something less complicated.
• In most cases, you just will need to:

Replace HorizontalGroup

<HorizontalGroup spacing="lg">
...
</HorizontalGroup>

with Stack

<Stack gap={3}>
...
</Stack>

or replace VerticalGroup

<VerticalGroup spacing="md">
...
</VerticalGroup>

with Stack using direction

<Stack direction="column" gap={2}>
...
</Stack>

• To change spacing to gap you can take a look at the equivalences in the Layout component.

List of issues

Remove HorizontalGroup

• public/app/plugins/datasource/loki/components/LokiLabelBrowser.tsx
• public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx

Thanks in advance for your collab! 🙌