diff --git a/src/Menu.module.css b/src/Menu.module.css index bb75cecb..8291e588 100644 --- a/src/Menu.module.css +++ b/src/Menu.module.css @@ -16,7 +16,7 @@ } .menuItem > * { - margin-right: 10px; + margin: 0 10px 0 0; } .menuItem > :last-child { diff --git a/src/UserMenu.jsx b/src/UserMenu.jsx index 8e83ca97..ad4dd10e 100644 --- a/src/UserMenu.jsx +++ b/src/UserMenu.jsx @@ -10,6 +10,7 @@ import { ReactComponent as LoginIcon } from "./icons/Login.svg"; import { ReactComponent as LogoutIcon } from "./icons/Logout.svg"; import styles from "./UserMenu.module.css"; import { useLocation } from "react-router-dom"; +import { Body } from "./typography/Typography"; export function UserMenu({ disableLogout, @@ -83,9 +84,9 @@ export function UserMenu({ {(props) => ( {items.map(({ key, icon: Icon, label }) => ( - - - {label} + + + {label} ))} diff --git a/src/UserMenu.module.css b/src/UserMenu.module.css index 8cda2ebd..30692a6d 100644 --- a/src/UserMenu.module.css +++ b/src/UserMenu.module.css @@ -1,3 +1,8 @@ +.menuIcon { + width: 24px; + height: 24px; +} + .userButton svg * { fill: var(--textColor1); }