From e402f1529793db020c2b85313ebc6df600535330 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Wed, 30 Jun 2021 17:18:07 +0100
Subject: [PATCH] Annotations: Use FieldSet instead of gf-form-group

---
 .../datasource/grafana/components/AnnotationQueryEditor.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/app/plugins/datasource/grafana/components/AnnotationQueryEditor.tsx b/public/app/plugins/datasource/grafana/components/AnnotationQueryEditor.tsx
index 3e9549db392..6075d15cb77 100644
--- a/public/app/plugins/datasource/grafana/components/AnnotationQueryEditor.tsx
+++ b/public/app/plugins/datasource/grafana/components/AnnotationQueryEditor.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { InlineField, InlineFieldRow, InlineSwitch, Select } from '@grafana/ui';
+import { FieldSet, 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';
@@ -75,7 +75,7 @@ export default function AnnotationQueryEditor({ query, onChange }: Props) {
     });
 
   return (
-    <div className="gf-form-group">
+    <FieldSet>
       <InlineFieldRow>
         <InlineField label="Filter by" labelWidth={18} tooltip={filterTooltipContent}>
           <Select
@@ -112,6 +112,6 @@ export default function AnnotationQueryEditor({ query, onChange }: Props) {
           </InlineField>
         </InlineFieldRow>
       )}
-    </div>
+    </FieldSet>
   );
 }