diff --git a/packages/grafana-ui/src/components/Forms/Checkbox.tsx b/packages/grafana-ui/src/components/Forms/Checkbox.tsx index 0d0b708d251..b769c514137 100644 --- a/packages/grafana-ui/src/components/Forms/Checkbox.tsx +++ b/packages/grafana-ui/src/components/Forms/Checkbox.tsx @@ -57,12 +57,13 @@ export const getCheckboxStyles = stylesFactory((theme: GrafanaTheme2) => { return { wrapper: css` - display: grid; + display: inline-grid; align-items: center; column-gap: ${theme.spacing(labelPadding)}; grid-template-columns: auto 1fr; grid-template-rows: auto auto; position: relative; + vertical-align: middle; `, input: css` position: absolute; diff --git a/public/app/features/search/page/components/SearchResultsTable.tsx b/public/app/features/search/page/components/SearchResultsTable.tsx index c3d5d96882c..a1de8901c66 100644 --- a/public/app/features/search/page/components/SearchResultsTable.tsx +++ b/public/app/features/search/page/components/SearchResultsTable.tsx @@ -52,7 +52,7 @@ export const SearchResultsTable = React.memo( }: SearchResultsProps) => { const styles = useStyles2(getStyles); const columnStyles = useStyles2(getColumnStyles); - const tableStyles = useTableStyles(useTheme2(), TableCellHeight.Md); + const tableStyles = useTableStyles(useTheme2(), TableCellHeight.Sm); const infiniteLoaderRef = useRef(null); const [listEl, setListEl] = useState(null); const highlightIndex = useSearchKeyboardNavigation(keyboardEvents, 0, response);