Select/Combobox: Tweak menu styling so hover states don't overflow (#98944)

tweak menu styling so hover states don't overflow

packages/grafana-ui/src/components/Combobox/getComboboxStyles.ts

@@ -26,6 +26,7 @@ export const getComboboxStyles = (theme: GrafanaTheme2) => {
       zIndex: theme.zIndex.dropdown,
       position: 'relative',
       borderRadius: theme.shape.radius.default,
+      overflow: 'hidden',
     }),
     menuUlContainer: css({
       label: 'combobox-menu-ul-container',

packages/grafana-ui/src/components/Select/getSelectStyles.ts

@@ -9,9 +9,11 @@ export const getSelectStyles = stylesFactory((theme: GrafanaTheme2) => {
     menu: css({
       label: 'grafana-select-menu',
       background: theme.components.dropdown.background,
+      borderRadius: theme.shape.radius.default,
       boxShadow: theme.shadows.z3,
       position: 'relative',
       minWidth: '100%',
+      overflow: 'hidden',
       zIndex: 1,
     }),
     option: css({