[v9.4.x] Search: Fix alignment of checkbox in folder view (#62708)

packages/grafana-ui/src/components/Forms/Checkbox.tsx

@@ -59,7 +59,7 @@ export const getCheckboxStyles = stylesFactory((theme: GrafanaTheme2) => {
 
   return {
     wrapper: css`
-      display: flex;
+      display: inline-flex;
       gap: ${theme.spacing(labelPadding)};
       align-items: baseline;
       position: relative;

public/app/features/search/page/components/FolderSection.tsx

@@ -173,7 +173,7 @@ export const FolderSection = ({
       label={
         <>
           {selectionToggle && selection && (
-            <div className={styles.checkbox} onClick={onToggleFolder}>
+            <div onClick={onToggleFolder}>
               <Checkbox value={selection(section.kind, section.uid)} aria-label="Select folder" />
             </div>
           )}
@@ -229,9 +229,6 @@ const getSectionHeaderStyles = (theme: GrafanaTheme2, selected = false, editable
     sectionItems: css`
       margin: 0 24px 0 32px;
     `,
-    checkbox: css`
-      padding: 0 ${sm} 0 0;
-    `,
     icon: css`
       padding: 0 ${sm} 0 ${editable ? 0 : sm};
     `,