From f4dc8afd5da7e334b90f48b2ee20e7d5707a958a Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Tue, 29 Jun 2021 16:28:12 +0100
Subject: [PATCH] Annotations: Use InlineSwitch instead of gf-form-switch

---
 .../datasource/grafana/components/AnnotationQuery.tsx       | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/public/app/plugins/datasource/grafana/components/AnnotationQuery.tsx b/public/app/plugins/datasource/grafana/components/AnnotationQuery.tsx
index c55147581e5..089fc01432a 100644
--- a/public/app/plugins/datasource/grafana/components/AnnotationQuery.tsx
+++ b/public/app/plugins/datasource/grafana/components/AnnotationQuery.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { InlineField, InlineFieldRow, Select, Switch } from '@grafana/ui';
+import { InlineField, InlineFieldRow, InlineSwitch, Select } from '@grafana/ui';
 import { TagFilter } from 'app/core/components/TagFilter/TagFilter';
 import { SelectableValue } from '@grafana/data';
 import { GrafanaAnnotationQuery, GrafanaAnnotationType } from '../types';
@@ -87,9 +87,7 @@ export default function AnnotationQuery({ query, onChange }: Props) {
       {type === GrafanaAnnotationType.Tags && (
         <InlineFieldRow>
           <InlineField label="Match any" labelWidth={18} tooltip={matchTooltipContent}>
-            <div className="gf-form-switch">
-              <Switch value={matchAny} onChange={onMatchAnyChange} />
-            </div>
+            <InlineSwitch value={matchAny} onChange={onMatchAnyChange} />
           </InlineField>
           <InlineField label="Tags" labelWidth="auto" tooltip={tagsTooltipContent}>
             <TagFilter onChange={onTagsChange} tagOptions={getAnnotationTags} tags={tags} />