diff --git a/assets/js/components/UserMenu/index.js b/assets/js/components/UserMenu/index.js index ff9b9ea6076..e0de68b4082 100644 --- a/assets/js/components/UserMenu/index.js +++ b/assets/js/components/UserMenu/index.js @@ -224,9 +224,7 @@ export default function UserMenu() { role="menuitem" > - } + icon={ } label={ __( 'Manage Sites', 'google-site-kit' @@ -240,7 +238,7 @@ export default function UserMenu() { role="menuitem" > } + icon={ } label={ __( 'Disconnect', 'google-site-kit' ) } /> diff --git a/assets/sass/components/global/_googlesitekit-user-menu.scss b/assets/sass/components/global/_googlesitekit-user-menu.scss index 419cc9a0d0c..2f0ca5dc932 100644 --- a/assets/sass/components/global/_googlesitekit-user-menu.scss +++ b/assets/sass/components/global/_googlesitekit-user-menu.scss @@ -48,6 +48,7 @@ .googlesitekit-user-menu { background-color: $c-surfaces-background; + border-radius: $br-md; max-width: 335px; width: calc(100vw - 32px); @@ -56,11 +57,11 @@ } li { + margin: 0; padding: 0 8px; } .mdc-list-item { - margin: 12px 0; padding: 0 7.16% 0 14.33%; } } @@ -86,7 +87,7 @@ .googlesitekit-user-menu__details { align-items: center; background-color: $c-surfaces-surface; - border-radius: 16px; + border-radius: $br-md; column-gap: 14px; display: flex; padding: 16px;