ISTWCMS-5631: adjusting height of menu items for when in phone viewport

src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss

@@ -335,6 +335,10 @@ $menu-horizontal-drop-bg: #f7f7f7;
           }
           .no-scroll & {
             > a {
+              height: 2.25rem;
+              @media(min-width: $screen-md) {
+                height:inherit;
+              }
               &::after {
                 transform: rotate(270deg);
                 @media(min-width: $screen-md) {
@@ -347,6 +351,9 @@ $menu-horizontal-drop-bg: #f7f7f7;
                 border-left: var(--size-xs) solid var(--gray-3);
                 display: inline-block;
                 height: 2.25rem;
+                @media(min-width: $screen-md) {
+                  height:inherit;
+                }
                 overflow: hidden;
                 position: absolute;
                 right: 0;
@@ -378,6 +385,10 @@ $menu-horizontal-drop-bg: #f7f7f7;
 
         &[aria-expanded="true"]{
           > a{
+            height: 2.25rem;
+            @media(min-width: $screen-md) {
+              height:inherit;
+            }
             &::after {
               transform: rotate(-90deg);
               @media(min-width: $screen-md) {
@@ -463,23 +474,39 @@ $menu-horizontal-drop-bg: #f7f7f7;
                 padding: 0;
                 a{
                   border-bottom: var(--size-xs) solid transparent;
+                  height: 2.25rem;
+                  @media(min-width: $screen-md) {
+                    height:inherit;
+                  }
                 }
               }
               .menu__item {
                 a {
                   font-family: $menu-horizontal-sub-font;
                   font-weight: 200;
+                  height: 2.25rem;
+                  @media(min-width: $screen-md) {
+                    height:inherit;
+                  }
                   padding-left: var(--size-2);
                 }
                 .menu__item {
                   a {
                     font-family: $menu-horizontal-sub-font;
                     font-weight: 200;
+                    height: 2.25rem;
+                    @media(min-width: $screen-md) {
+                      height:inherit;
+                    }
                   }
                   .menu__item {
                     a {
                       font-family: $menu-horizontal-sub-font;
                       font-weight: 200;
+                      height: 2.25rem;
+                      @media(min-width: $screen-md) {
+                        height:inherit;
+                      }
                     }
                   }
                 }