Minor tweaks to catalog UI (#1176)

* Minor tweaks to catalog UI

* Review feedback

* Use styles instead

packages/core/src/layout/HeaderTabs/index.tsx

@@ -24,6 +24,7 @@ const useStyles = makeStyles(theme => ({
   tabsWrapper: {
     gridArea: 'pageSubheader',
     backgroundColor: theme.palette.background.paper,
+    paddingLeft: theme.spacing(3),
   },
   defaultTab: {
     padding: theme.spacing(3, 3),

packages/theme/src/baseTheme.ts

@@ -141,6 +141,7 @@ export function createThemeOverrides(theme: BackstageTheme): Overrides {
         color: theme.palette.link,
         minHeight: 24,
         textTransform: 'initial',
+        letterSpacing: '0.07em',
         '&:hover': {
           color: darken(theme.palette.link, 0.3),
           background: lighten(theme.palette.link, 0.95),

plugins/catalog/src/components/CatalogPage/CatalogPage.tsx

@@ -51,6 +51,10 @@ const useStyles = makeStyles(theme => ({
     gridTemplateColumns: '250px 1fr',
     gridColumnGap: theme.spacing(2),
   },
+  emoji: {
+    fontSize: '125%',
+    marginRight: theme.spacing(2),
+  },
 }));
 
 import { catalogApiRef } from '../..';
@@ -134,14 +138,14 @@ const CatalogPage: FC<{}> = () => {
           variant="info"
           message={
             <Typography>
-              <span role="img" aria-label="wave" style={{ fontSize: '125%' }}>
+              <span role="img" aria-label="wave" className={styles.emoji}>
                 👋🏼
               </span>
               Welcome to Backstage, we are happy to have you. Start by checking
-              out our
+              out our{' '}
               <Link href="/welcome" color="textSecondary">
                 getting started
-              </Link>
+              </Link>{' '}
               page.
             </Typography>
           }

plugins/catalog/src/data/filters.ts

@@ -39,7 +39,8 @@ export const filterGroups: CatalogFilterGroup[] = [
     ],
   },
   {
-    name: 'Spotify',
+    // TODO: Replace with Company name, read from app config.
+    name: 'Company',
     items: [
       {
         id: 'all',