Fixes #1762 and #1756 (#1769)

* Fixes #1762 and #1756

* Reverted h2 to p for subtitles

components/vf-dropdown/vf-dropdown.scss

@@ -51,7 +51,6 @@
 }
 .vf-dropdown__menu-item {
   cursor: pointer;
-  padding: 1rem 1.5rem;
   &:hover {
     background-color: interactive-color('background');
   }
@@ -62,6 +61,10 @@
 .vf-dropdown__menu-item-link {
   color: var(--vf-color__text--primary);
   text-decoration: none;
+  display: inline-block;
+  width: 100%;
+  padding: 1rem 1.5rem;
+  box-sizing: border-box;
 }
 .vf-dropdown-overlay {
   height: 100%;

components/vf-hero/vf-hero.njk

@@ -36,11 +36,11 @@
     {%- endif -%}
 
     {%- if vf_hero_heading %}
-    <h2 class="vf-hero__heading">
+    <h1 class="vf-hero__heading">
       {%- if vf_hero_heading_href %}<a class="vf-hero__heading_link" href="{{vf_hero_heading_href}}">{%- endif -%}
       {{- vf_hero_heading | safe -}}
       {%- if vf_hero_heading_href -%}</a>{%- endif -%}
-    </h2>
+    </h1>
     {% endif %}
 
     {% if vf_hero_subheading %}<p class="vf-hero__subheading">{{vf_hero_subheading | safe}}</p>{% endif %}