=== Background/Goal
The size, spacing, and text styles of the MenuItem component should be adjusted when the component is displayed in a mobile web context. All in order to keep it consistent within its environment, and provide optimal usability.
| [[ https://www.figma.com/file/taEdWK5qnrMVfFdz92uZ4G/Menu-Item---T300625?node-id=2%3A7724 | This Figma frame]] contains the responsive design specifications for this component. |
==== User stories
As a user, I need to be able to interact with a fully usable, responsive version of the dropdownMenu and its items on mobile.
| [[ https://www.figma.com/file/yFsx0Gb9l4i4lRm0C1mIBq/?node-id=2%3A7024 | This Figma frame]] contains the design specifications for this component. |
==== Considerations
The current design specs (particularly font-size, line-height, paddings) might need to be adjusted as an outcome of T302889.
===== Development considerations
TBD
=== Acceptance criteria (or Done)
[-] The visual properties of the responsive version of the MenuItem component are fully specified