From a24554ba0ad8b02a94c7e503239f76897bb42f80 Mon Sep 17 00:00:00 2001
From: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
Date: Fri, 31 Mar 2023 17:09:39 +0200
Subject: [PATCH] Chore: Make SearchItem return div instead of li (#65685)

Remove use of li
---
 public/app/features/search/components/SearchItem.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/public/app/features/search/components/SearchItem.tsx b/public/app/features/search/components/SearchItem.tsx
index c904f403469..0aab8a0657f 100644
--- a/public/app/features/search/components/SearchItem.tsx
+++ b/public/app/features/search/components/SearchItem.tsx
@@ -67,7 +67,7 @@ export const SearchItem = ({ item, isSelected, editable, onToggleChecked, onTagS
   );
 
   return (
-    <li className={styles.cardContainer}>
+    <div className={styles.cardContainer}>
       <SearchCheckbox
         aria-label="Select dashboard"
         editable={editable}
@@ -98,7 +98,7 @@ export const SearchItem = ({ item, isSelected, editable, onToggleChecked, onTagS
           <TagList tags={item.tags ?? []} onClick={tagSelected} getAriaLabel={(tag) => `Filter by tag "${tag}"`} />
         </Card.Tags>
       </Card>
-    </li>
+    </div>
   );
 };
 
@@ -117,7 +117,6 @@ const getStyles = (theme: GrafanaTheme2) => {
   return {
     cardContainer: css`
       display: flex;
-      list-style: none;
       align-items: center;
       margin-bottom: ${theme.spacing(0.75)};
     `,