From 42b9c898bf5fcb62d4f3d1c1639b1faede6a237a Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Wed, 1 Feb 2023 16:44:11 +0000
Subject: [PATCH] [v9.4.x] Search: Fix alignment of checkbox in folder view
 (#62708)

---
 packages/grafana-ui/src/components/Forms/Checkbox.tsx        | 2 +-
 public/app/features/search/page/components/FolderSection.tsx | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/grafana-ui/src/components/Forms/Checkbox.tsx b/packages/grafana-ui/src/components/Forms/Checkbox.tsx
index 92186235865..c5e16941e0f 100644
--- a/packages/grafana-ui/src/components/Forms/Checkbox.tsx
+++ b/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;
diff --git a/public/app/features/search/page/components/FolderSection.tsx b/public/app/features/search/page/components/FolderSection.tsx
index c1e4f89b00a..d67ce5186c1 100644
--- a/public/app/features/search/page/components/FolderSection.tsx
+++ b/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};
     `,