diff --git a/src/pages/home/PackageList/Help/Help.tsx b/src/pages/home/PackageList/Help/Help.tsx
index bb2c20605..6936d2468 100644
--- a/src/pages/home/PackageList/Help/Help.tsx
+++ b/src/pages/home/PackageList/Help/Help.tsx
@@ -27,7 +27,7 @@ const Help: React.FC = () => {
   return (
     <Card id="help-card">
       <CardContent>
-        <Typography gutterBottom={true} id="help-card__title" variant="h2">
+        <Typography gutterBottom={true} id="help-card__title" variant="h5">
           {t('help.title')}
         </Typography>
         <HelpTitle color="textSecondary" gutterBottom={true}>
diff --git a/src/pages/home/PackageList/Help/__snapshots__/Help.test.tsx.snap b/src/pages/home/PackageList/Help/__snapshots__/Help.test.tsx.snap
index 76dea6251..831ec2c36 100644
--- a/src/pages/home/PackageList/Help/__snapshots__/Help.test.tsx.snap
+++ b/src/pages/home/PackageList/Help/__snapshots__/Help.test.tsx.snap
@@ -41,12 +41,12 @@ exports[`<Help /> component should load the component in default state 1`] = `
   <div
     class="MuiCardContent-root"
   >
-    <h2
-      class="MuiTypography-root MuiTypography-h2 MuiTypography-gutterBottom"
+    <h5
+      class="MuiTypography-root MuiTypography-h5 MuiTypography-gutterBottom"
       id="help-card__title"
     >
       No Package Published Yet.
-    </h2>
+    </h5>
     <h6
       class="MuiTypography-root emotion-0 emotion-1 MuiTypography-h6 MuiTypography-colorTextSecondary MuiTypography-gutterBottom"
     >