revert changes

Author: francinelucca

packages/react/src/UnderlineNav/UnderlineNav.tsx

@@ -7,6 +7,7 @@ import type {ChildWidthArray, ResponsiveProps, ChildSize} from './types'
 import VisuallyHidden from '../_VisuallyHidden'
 import {moreBtnStyles, dividerStyles, menuItemStyles, baseMenuMinWidth} from './styles'
 import {UnderlineItemList, UnderlineWrapper, LoadingCounter, GAP} from '../internal/components/UnderlineTabbedInterface'
+import styled from 'styled-components'
 import {Button} from '../Button'
 import {TriangleDownIcon} from '@primer/octicons-react'
 import {useOnEscapePress} from '../hooks/useOnEscapePress'
@@ -40,6 +41,12 @@ export const MORE_BTN_WIDTH = 86
 // The height is needed to make sure we don't have a layout shift when the more button is the only item in the nav.
 const MORE_BTN_HEIGHT = 45
 
+export const MoreMenuListItem = styled.li`
+  display: flex;
+  align-items: center;
+  height: ${MORE_BTN_HEIGHT}px;
+`
+
 const overflowEffect = (
   navWidth: number,
   moreMenuWidth: number,
@@ -417,7 +424,7 @@ export const UnderlineNav = forwardRef(
                     )
                   })}
                 </ActionList>
-              </li>
+              </MoreMenuListItem>
             )}
           </UnderlineItemList>
         </UnderlineWrapper>