diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/CalendarBody.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/CalendarBody.tsx index a3f988cb3a4..37da44b515f 100644 --- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/CalendarBody.tsx +++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/CalendarBody.tsx @@ -99,7 +99,7 @@ export const getBodyStyles = (theme: GrafanaTheme2) => { fontSize: theme.typography.size.md, border: '1px solid transparent', - '&:hover': { + '&:hover, &:focus': { position: 'relative', }, @@ -157,7 +157,6 @@ export const getBodyStyles = (theme: GrafanaTheme2) => { color: theme.colors.primary.contrastText, fontWeight: theme.typography.fontWeightMedium, background: theme.colors.primary.main, - boxShadow: 'none', border: '0px', }, diff --git a/packages/grafana-ui/src/themes/GlobalStyles/elements.ts b/packages/grafana-ui/src/themes/GlobalStyles/elements.ts index 921cb01b665..0d2c2880f32 100644 --- a/packages/grafana-ui/src/themes/GlobalStyles/elements.ts +++ b/packages/grafana-ui/src/themes/GlobalStyles/elements.ts @@ -275,7 +275,7 @@ export function getElementStyles(theme: GrafanaTheme2) { // 2. Correct font properties not being inherited. // 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 'button, input, optgroup, select, textarea': { - borderRadius: theme.shape.radius.default, + borderRadius: 0, color: 'inherit', font: 'inherit', lineHeight: 'inherit',