diff --git a/.betterer.results b/.betterer.results index bc541f1749a..3389c352d95 100644 --- a/.betterer.results +++ b/.betterer.results @@ -5152,9 +5152,6 @@ exports[`better eslint`] = { "public/app/plugins/datasource/graphite/components/AddGraphiteFunction.tsx:5381": [ [0, 0, 0, "Styles should be written using objects.", "0"] ], - "public/app/plugins/datasource/graphite/components/FunctionEditor.tsx:5381": [ - [0, 0, 0, "Styles should be written using objects.", "0"] - ], "public/app/plugins/datasource/graphite/components/FunctionParamEditor.tsx:5381": [ [0, 0, 0, "Styles should be written using objects.", "0"] ], diff --git a/public/app/plugins/datasource/graphite/components/FunctionEditor.tsx b/public/app/plugins/datasource/graphite/components/FunctionEditor.tsx index 1971664c446..44ced255c2d 100644 --- a/public/app/plugins/datasource/graphite/components/FunctionEditor.tsx +++ b/public/app/plugins/datasource/graphite/components/FunctionEditor.tsx @@ -14,12 +14,12 @@ interface FunctionEditorProps extends FunctionEditorControlsProps { const getStyles = (theme: GrafanaTheme2) => { return { - icon: css` - margin-right: ${theme.spacing(0.5)}; - `, + icon: css({ + marginRight: theme.spacing(0.5), + }), label: css({ fontWeight: theme.typography.fontWeightMedium, - fontSize: theme.typography.bodySmall.fontSize, // to match .gf-form-label + fontSize: theme.typography.bodySmall.fontSize, cursor: 'pointer', display: 'inline-block', }),