diff --git a/public/app/features/explore/Graph/ExploreGraph.tsx b/public/app/features/explore/Graph/ExploreGraph.tsx
index f8a0e02f0d4..ce4ec43e2c3 100644
--- a/public/app/features/explore/Graph/ExploreGraph.tsx
+++ b/public/app/features/explore/Graph/ExploreGraph.tsx
@@ -22,6 +22,7 @@ import {
import { PanelRenderer } from '@grafana/runtime';
import { GraphDrawStyle, LegendDisplayMode, TooltipDisplayMode, SortOrder } from '@grafana/schema';
import {
+ Button,
Icon,
PanelContext,
PanelContextProvider,
@@ -166,13 +167,15 @@ export function ExploreGraph({
{dataWithConfig.length > MAX_NUMBER_OF_TIME_SERIES && !showAllTimeSeries && (
- {`Showing only ${MAX_NUMBER_OF_TIME_SERIES} time series. `}
- {
- setShowAllTimeSeries(true);
- }}
- >{`Show all ${dataWithConfig.length}`}
+ Showing only {MAX_NUMBER_OF_TIME_SERIES} time series.
+ setShowAllTimeSeries(true)}
+ className={style.showAllButton}
+ >
+ Show all {dataWithConfig.length}
+
)}
({
timeSeriesDisclaimer: css`
label: time-series-disclaimer;
- width: 300px;
margin: ${theme.spacing(1)} auto;
padding: 10px 0;
border-radius: ${theme.spacing(2)};
@@ -204,9 +206,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
color: ${theme.colors.warning.main};
margin-right: ${theme.spacing(0.5)};
`,
- showAllTimeSeries: css`
- label: show-all-time-series;
- cursor: pointer;
- color: ${theme.colors.text.link};
+ showAllButton: css`
+ margin-left: ${theme.spacing(0.5)};
`,
});