Small tweaks to the SupportButton use

packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs

@@ -8,7 +8,7 @@ import {
   Content,
   ContentHeader,
   HeaderLabel,
-  SupportButton
+  SupportButton,
 } from '@spotify-backstage/core';
 import ExampleFetchComponent from '../ExampleFetchComponent';
 
@@ -19,7 +19,9 @@ const ExampleComponent: FC<{}> = () => (
       <HeaderLabel label="Lifecycle" value="Alpha" />
     </Header>
     <Content>
-      <ContentHeader title="Plugin title"><SupportButton></SupportButton></ContentHeader>
+      <ContentHeader title="Plugin title">
+        <SupportButton>A description of your plugin goes here.</SupportButton>
+      </ContentHeader>
       <Grid
         container
         spacing={3}

packages/core/src/components/SupportButton/SupportButton.tsx

@@ -11,6 +11,8 @@ import {
   ListItemText,
 } from '@material-ui/core';
 import GroupIcon from '@material-ui/icons/Group';
+import HelpIcon from '@material-ui/icons/Help';
+
 // import { EmailIcon, SlackIcon, SupportIcon } from 'shared/icons';
 // import { Button, Link } from 'shared/components';
 // import { StackOverflow, StackOverflowTag } from 'shared/components/layout';
@@ -61,7 +63,7 @@ const SupportButton: FC<Props> = ({
   return (
     <Fragment>
       <Button color="primary" onClick={onClickHandler}>
-        <GroupIcon className={classes.leftIcon} />
+        <HelpIcon className={classes.leftIcon} />
         Support
       </Button>
       <Popover