diff --git a/public/app/features/explore/TraceView/components/TracePageHeader/SearchBar/TracePageSearchBar.tsx b/public/app/features/explore/TraceView/components/TracePageHeader/SearchBar/TracePageSearchBar.tsx index 1502373efc0..e5890f1f6d5 100644 --- a/public/app/features/explore/TraceView/components/TracePageHeader/SearchBar/TracePageSearchBar.tsx +++ b/public/app/features/explore/TraceView/components/TracePageHeader/SearchBar/TracePageSearchBar.tsx @@ -135,13 +135,12 @@ export const getStyles = (theme: GrafanaTheme2) => { `, matchesOnly: css` display: inline-flex; - margin: 0 0 0 10px; + margin: 0 0 0 25px; vertical-align: middle; align-items: center; span { cursor: pointer; - margin: 0 0 0 5px; } `, clearMatchesButton: css` diff --git a/public/app/features/explore/TraceView/components/TracePageHeader/SpanFilters/SpanFilters.tsx b/public/app/features/explore/TraceView/components/TracePageHeader/SpanFilters/SpanFilters.tsx index 24b47da0757..bfef4eff74a 100644 --- a/public/app/features/explore/TraceView/components/TracePageHeader/SpanFilters/SpanFilters.tsx +++ b/public/app/features/explore/TraceView/components/TracePageHeader/SpanFilters/SpanFilters.tsx @@ -348,15 +348,17 @@ export const SpanFilters = memo((props: SpanFilterProps) => { options={[toOption('>'), toOption('>=')]} value={search.fromOperator} /> - setSpanFiltersSearch({ ...search, from: val })} - isInvalidError="Invalid duration" - placeholder="e.g. 100ms, 1.2s" - width={18} - value={search.from || ''} - validationRegex={durationRegex} - /> +
+ setSpanFiltersSearch({ ...search, from: val })} + isInvalidError="Invalid duration" + placeholder="e.g. 100ms, 1.2s" + width={18} + value={search.from || ''} + validationRegex={durationRegex} + /> +