partial: css update

new-lamassu-admin/src/components/inputs/base/Autocomplete.jsx

@@ -1,5 +1,5 @@
 import { Box } from '@mui/material'
-import MAutocomplete from '@mui/lab/Autocomplete'
+import MAutocomplete from '@mui/material/Autocomplete'
 import sort from 'match-sorter'
 import * as R from 'ramda'
 import React from 'react'
@@ -100,7 +100,7 @@ const Autocomplete = ({
           />
         )
       }}
-      renderOption={props => {
+      renderOption={(iprops, props) => {
         if (!props.warning && !props.warningMessage)
           return R.path([labelProp])(props)
 
@@ -120,17 +120,19 @@ const Autocomplete = ({
         )
 
         return (
-          <Box
-            width="100%"
-            display="flex"
-            flexDirection="row"
-            justifyContent="space-between"
-            alignItems="center">
-            <Box>{R.path([labelProp])(props)}</Box>
-            <HoverableTooltip parentElements={hoverableElement} width={250}>
-              <P>{props.warningMessage}</P>
-            </HoverableTooltip>
-          </Box>
+          <li {...iprops}>
+            <Box
+              width="100%"
+              display="flex"
+              flexDirection="row"
+              justifyContent="space-between"
+              alignItems="center">
+              <Box>{R.path([labelProp])(props)}</Box>
+              <HoverableTooltip parentElements={hoverableElement} width={250}>
+                <P>{props.warningMessage}</P>
+              </HoverableTooltip>
+            </Box>
+          </li>
         )
       }}
     />