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};
     `,