Browse: fix spacing on old browse checkboxes (#69155)

fix styling on old browse checkboxes

public/app/features/search/components/SearchItem.tsx

@@ -69,6 +69,7 @@ export const SearchItem = ({ item, isSelected, editable, onToggleChecked, onTagS
   return (
     <div className={styles.cardContainer}>
       <SearchCheckbox
+        className={styles.checkbox}
         aria-label="Select dashboard"
         editable={editable}
         checked={isSelected}
@@ -124,6 +125,9 @@ const getStyles = (theme: GrafanaTheme2) => {
       padding: ${theme.spacing(1)} ${theme.spacing(2)};
       margin-bottom: 0;
     `,
+    checkbox: css({
+      marginRight: theme.spacing(1),
+    }),
     metaContainer: css`
       display: flex;
       align-items: center;

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

@@ -149,6 +149,7 @@ export const FolderSection = ({
           {selectionToggle && selection && (
             <div onClick={onToggleFolder}>
               <Checkbox
+                className={styles.checkbox}
                 value={selection(section.kind, section.uid)}
                 aria-label={t('search.folder-view.select-folder', 'Select folder')}
               />
@@ -232,5 +233,8 @@ const getSectionHeaderStyles = (theme: GrafanaTheme2, editable: boolean) => {
       place-content: center;
       padding-bottom: 1rem;
     `,
+    checkbox: css({
+      marginRight: theme.spacing(1),
+    }),
   };
 };