fix: added a grid around all plugin sections (#3370)

Author: Palakp41

src/writeData/components/WriteDataSections.tsx

@@ -10,7 +10,7 @@ import {search as searchPlugins} from 'src/writeData/constants/contentTelegrafPl
 import {searchClients} from 'src/writeData'
 
 // Components
-import {EmptyState, ComponentSize} from '@influxdata/clockface'
+import {EmptyState, ComponentSize, Grid} from '@influxdata/clockface'
 import FileUploadSection from 'src/writeData/components/FileUploadSection'
 import ClientLibrarySection from 'src/writeData/components/ClientLibrarySection'
 import TelegrafPluginSection from 'src/writeData/components/TelegrafPluginSection'
@@ -34,9 +34,17 @@ const WriteDataSections: FC = () => {
 
   return (
     <>
-      <FileUploadSection />
-      <ClientLibrarySection />
-      <TelegrafPluginSection />
+      <Grid>
+        <Grid.Row>
+          <FileUploadSection />
+        </Grid.Row>
+        <Grid.Row>
+          <ClientLibrarySection />
+        </Grid.Row>
+        <Grid.Row>
+          <TelegrafPluginSection />
+        </Grid.Row>
+      </Grid>
     </>
   )
 }