From 7b64b6f140ec17fb75473a9075da3df08031f54b Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Fri, 4 Jun 2021 07:34:29 -0400
Subject: [PATCH] Remove extra margin for checkboxes (#35169) (#35242)

(cherry picked from commit bfcc6a2248ce034c61cbee172a3f14eb9e0d853a)

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
---
 public/app/features/search/components/SearchItem.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/app/features/search/components/SearchItem.tsx b/public/app/features/search/components/SearchItem.tsx
index 3fa04f66d51..e61eab5c042 100644
--- a/public/app/features/search/components/SearchItem.tsx
+++ b/public/app/features/search/components/SearchItem.tsx
@@ -53,7 +53,7 @@ export const SearchItem: FC<Props> = ({ item, editable, onToggleChecked, onTagSe
       style={{ minHeight: SEARCH_ITEM_HEIGHT }}
       className={styles.container}
     >
-      <Card.Figure align={'center'}>
+      <Card.Figure align={'center'} className={styles.checkbox}>
         <SearchCheckbox editable={editable} checked={item.checked} onClick={toggleItem} />
       </Card.Figure>
       <Card.Meta separator={''}>
@@ -94,5 +94,8 @@ const getStyles = (theme: GrafanaTheme) => {
         margin-bottom: 0;
       }
     `,
+    checkbox: css`
+      margin-right: 0;
+    `,
   };
 };